/**
 * Oktana Booking Portal — design tokens aligned to live Gallery theme
 * Source: https://www.oktanapottery.com theme `oktana-gallery` / object-house.css v0.4.1-object-house
 *
 * Verified :root values (computed 2026-10-17):
 *   --chalk #e7e4de · --chalk-2 #efede8 · --ink #161513 · --ink-2 #4a4640 · --ink-3 #6e6961
 *   --line rgba(22,21,19,0.12) · --font Manrope
 *
 * Live uses #7f2c24 ONLY as a Book-link / hover / focus accent (CSS var still named --kiln
 * in the theme). It is NOT a filled-button brand system. Portal tokens mirror that scope.
 *
 * Owner directive (2026-10-17): do not impose terracotta/kiln-red as a ceramics brand palette.
 * Older design-audit kiln-as-brand recommendations are superseded. See docs/live-alignment/.
 */

:root {
  /* Live Gallery surfaces */
  --ok-chalk: #e7e4de;
  --ok-chalk-2: #efede8;
  --ok-ink: #161513;
  --ok-ink-2: #4a4640;
  --ok-ink-3: #6e6961;
  --ok-line: rgba(22, 21, 19, 0.12);
  /* Live Book CTA / link hover / focus only — not a universal fill */
  --ok-link: #7f2c24;
  --ok-focus: #7f2c24;
  --ok-surface: #f7f5f0;
  --ok-bg-a: #f3f1ec;
  --ok-bg-b: #e3e0d8;

  /* Semantic status (operational, not brand) */
  --ok-ok: #2f5d45;
  --ok-ok-soft: #e5f2ea;
  --ok-warn: #8a5a12;
  --ok-warn-soft: #f7efd9;
  --ok-danger: #8a2f2f;
  --ok-danger-soft: #f4e4e4;

  /* Compatibility aliases used by existing class hooks */
  --ok-paper: var(--ok-chalk-2);
  --ok-paper-2: var(--ok-chalk);
  --ok-kiln: var(--ok-link);
  --ok-kiln-soft: color-mix(in srgb, var(--ok-link) 14%, var(--ok-chalk-2));

  --obp-ink: var(--ok-ink);
  --obp-muted: var(--ok-ink-2);
  --obp-line: var(--ok-line);
  --obp-accent: var(--ok-link);
  --obp-accent-soft: var(--ok-kiln-soft);
  --obp-clay: var(--ok-link);
  --obp-clay-deep: var(--ok-link);
  --obp-sand: var(--ok-chalk);
  --obp-surface: var(--ok-surface);
  --obp-surface-solid: var(--ok-surface);
  --obp-paper: var(--ok-chalk-2);
  --obp-ok: var(--ok-ok);
  --obp-warn: var(--ok-warn);
  --obp-danger: var(--ok-danger);
  --obp-radius: 0;
  --obp-radius-admin: 2px;
  --obp-shadow: none;
  --obp-font-display: "Manrope", "Segoe UI", system-ui, sans-serif;
  --obp-font-body: "Manrope", "Segoe UI", system-ui, sans-serif;
  --obp-space: clamp(1rem, 2.5vw, 2rem);
  --obp-max: 40rem;

  --ok-space-1: 0.25rem;
  --ok-space-2: 0.5rem;
  --ok-space-3: 0.75rem;
  --ok-space-4: 1rem;
  --ok-space-5: 1.5rem;
  --ok-space-6: 2rem;
  --ok-space-7: 3rem;
  --ok-space-8: 4rem;

  --ok-fs-display: clamp(2.25rem, 6vw, 3.25rem);
  --ok-fs-h1: clamp(1.55rem, 3vw, 2rem);
  --ok-fs-h2: 1.35rem;
  --ok-fs-h3: 1.1rem;
  --ok-fs-body: 1.02rem;
  --ok-fs-ui: 0.95rem;
  --ok-fs-label: 0.75rem;
  --ok-fs-meta: 0.85rem;

  --ok-content-public: 40rem;
  --ok-content-admin: 1100px;
  --ok-radius: 0;
  --ok-radius-admin: 2px;
  --ok-shadow: none;
  --ok-focus-ring: 0 0 0 2px var(--ok-chalk-2), 0 0 0 4px var(--ok-focus);
  --ok-touch: 44px;
  --ok-font: "Manrope", "Segoe UI", system-ui, sans-serif;
  --ok-ease: cubic-bezier(0.22, 1, 0.36, 1);
}