/* ============================================================
   Availability Types — shared tokens
   SevenRooms design system (copied verbatim from the product's
   tokens.css so this build stays identical in brand DNA), plus
   the B2C "warmth" + AI extensions this redesign introduces.
   Authored in OKLCH. Swap the *-warm / ai-* values for the real
   SevenRooms brand secondary when porting to Figma.
   ============================================================ */

:root {
  /* ---- Neutrals (cool gray) — SevenRooms ---- */
  --bg: oklch(0.975 0.003 250);
  --surface: #ffffff;
  --surface-2: oklch(0.985 0.003 250);
  --surface-3: oklch(0.963 0.006 250);
  --border: oklch(0.915 0.004 250);
  --border-strong: oklch(0.85 0.006 250);

  --ink: oklch(0.27 0.012 256);
  --ink-2: oklch(0.44 0.014 256);
  --ink-3: oklch(0.55 0.012 256);

  /* ---- Brand / primary (SevenRooms blue #347BAF) ---- */
  --primary: #347baf;
  --primary-hover: color-mix(in oklab, #347baf 85%, black);
  --primary-press: color-mix(in oklab, #347baf 72%, black);
  --primary-ink: #ffffff;
  --primary-tint: color-mix(in oklab, #347baf 12%, white);
  --primary-tint-strong: color-mix(in oklab, #347baf 30%, white);
  --ring: color-mix(in srgb, #347baf 50%, transparent);

  /* ---- Status (semantic) — SevenRooms ---- */
  --ok-line: oklch(0.6 0.12 150);
  --ok-tint: oklch(0.965 0.03 150);
  --ok-ink: oklch(0.4 0.09 150);

  --warn-line: oklch(0.74 0.14 75);
  --warn-tint: oklch(0.96 0.06 80);
  --warn-ink: oklch(0.45 0.08 70);

  --danger-line: oklch(0.58 0.19 25);
  --danger-tint: oklch(0.955 0.04 25);
  --danger-ink: oklch(0.47 0.16 25);

  /* ============================================================
     EXTENSIONS introduced by this redesign
     ============================================================ */

  /* ---- Warmth accent: terracotta/coral — the "hospitality" hue.
     Carries the consumer-brand warmth the B2B side lost. Used for
     highlights, template energy, featured moments — NEVER for the
     primary CTA (that stays SevenRooms blue). ---- */
  --warm: oklch(0.64 0.158 38);
  --warm-hover: oklch(0.59 0.155 36);
  --warm-ink: oklch(0.44 0.13 34); /* text on warm-tint — AA on tint */
  --warm-tint: oklch(0.955 0.035 45);
  --warm-tint-strong: oklch(0.92 0.06 45);
  --warm-on: #ffffff; /* text on solid --warm */

  /* ---- AI accent: violet/purple identity (Federica's preferred direction,
     Figma web-import 44-2713) — a bright-violet → purple → deep-indigo
     gradient (#CA9BFF · #9D5CEC · #6E37C4 · #1B0C36). Distinct from the
     primary blue. Solids are contrast-safe; the gradient is for sparkles/rings. ---- */
  --ai: oklch(0.575 0.19 298); /* accent: borders, chip edges, sparkle */
  --ai-hover: oklch(0.47 0.18 300);
  --ai-strong: oklch(0.5 0.2 300); /* solid fill under white text (AA) */
  --ai-ink: oklch(0.47 0.19 300); /* AI text on light (AA) */
  --ai-tint: oklch(0.955 0.04 300);
  --ai-tint-strong: oklch(0.9 0.075 300);
  --ai-on: #ffffff;
  --ai-grad: linear-gradient(135deg, #ca9bff 0%, #9d5cec 28%, #6e37c4 64%, #1b0c36 96%);
  --ai-wash: linear-gradient(
    118deg,
    rgba(154, 92, 236, 0.14) 0%,
    rgba(123, 55, 196, 0.1) 32%,
    rgba(94, 40, 150, 0.1) 70%,
    rgba(20, 10, 40, 0.05) 100%
  );

  /* ---- Category accent hues (availability-type color coding) ----
     A small categorical palette used as the leading color bar on each
     availability type, so a venue can scan its types by kind at a glance.
     Distinct hues, all ~AA-legible as a 4px bar on white. ---- */
  --cat-plum-line: oklch(0.55 0.15 320);
  --cat-amber-line: oklch(0.7 0.13 65);
  --cat-teal-line: oklch(0.6 0.1 200);
  --cat-rose-line: oklch(0.62 0.17 12);
  --cat-indigo-line: oklch(0.52 0.16 272);
  --cat-green-line: oklch(0.58 0.13 150);
  --cat-slate-line: oklch(0.62 0.018 256);

  /* ---- Typography ---- */
  --font-sans: "Roboto", system-ui, -apple-system, "Segoe UI", Arial, sans-serif;
  /* Editorial serif — used ONLY for promotional hospitality copy
     (the "Get inspired" zone), never for UI labels or data. */
  --font-display: "Fraunces", "Iowan Old Style", Georgia, "Times New Roman", serif;

  --text-xs: 0.6875rem; /* 11 */
  --text-sm: 0.8125rem; /* 13 */
  --text-base: 0.875rem; /* 14 */
  --text-md: 1rem; /* 16 */
  --text-lg: 1.25rem; /* 20 */
  --text-xl: 1.625rem; /* 26 */
  --text-2xl: 2.125rem; /* 34 */

  --lh-tight: 1.15;
  --lh-snug: 1.3;
  --lh-normal: 1.5;

  /* ---- Spacing scale ---- */
  --sp-1: 4px;
  --sp-2: 8px;
  --sp-3: 12px;
  --sp-4: 16px;
  --sp-5: 20px;
  --sp-6: 24px;
  --sp-8: 32px;
  --sp-10: 40px;
  --sp-12: 48px;
  --sp-16: 64px;

  /* ---- Radius ---- */
  --r-xs: 4px;
  --r-sm: 6px;
  --r-md: 8px;
  --r-lg: 12px;
  --r-xl: 16px;
  --r-2xl: 22px;
  --r-pill: 999px;

  /* ---- Elevation ---- */
  --sh-1: 0 1px 2px oklch(0.27 0.02 256 / 0.06), 0 1px 1px oklch(0.27 0.02 256 / 0.04);
  --sh-2: 0 4px 12px oklch(0.27 0.02 256 / 0.08), 0 1px 3px oklch(0.27 0.02 256 / 0.06);
  --sh-3: 0 12px 32px oklch(0.27 0.03 256 / 0.14), 0 4px 10px oklch(0.27 0.02 256 / 0.08);
  --sh-warm: 0 14px 30px oklch(0.5 0.12 40 / 0.16), 0 4px 10px oklch(0.5 0.1 40 / 0.1);

  /* ---- Motion ---- */
  --ease-out: cubic-bezier(0.22, 1, 0.36, 1);
  --ease-out-quint: cubic-bezier(0.23, 1, 0.32, 1);
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
  --dur-fast: 120ms;
  --dur-mid: 200ms;
  --dur-slow: 320ms;

  /* ---- Z-index scale ---- */
  --z-base: 1;
  --z-dropdown: 100;
  --z-sticky: 200;
  --z-backdrop: 300;
  --z-modal: 400;
  --z-toast: 500;
  --z-tooltip: 600;

  /* ---- Layout metrics ---- */
  --topbar-h: 56px;
  --content-max: 1080px;
}