/* ==========================================================================
   GAIA Atelier — design tokens
   Source of truth: spa_therapist/lib/core/theme (app_colors, app_typography,
   app_spacing). Values below extend them; brand colors are unchanged.
   ========================================================================== */

:root {
  /* Brand */
  --burgundy-900: #260706;
  --burgundy-800: #330b0a;
  --burgundy-700: #4a1210;   /* AppColors.primary */
  --burgundy-600: #6b1f1d;   /* primaryLight */
  --burgundy-500: #8a3a35;
  --gold-600: #a8803f;
  --gold-500: #c9a05c;       /* AppColors.gold */
  --gold-300: #e3c99a;       /* goldLight */
  --copper:   #c9a387;       /* tan — illustration accent */
  --cream-50: #fffdf9;       /* surface */
  --cream-100: #faf3e9;      /* background */
  --cream-200: #f3e7d8;      /* surfaceAlt */
  --cream-300: #e9dcc9;      /* divider */
  --ink-900: #2b1a17;
  --ink-600: #7a6258;
  --ink-400: #a58f84;

  /* Semantic status (booking lifecycle) */
  --st-pending: #b07b24;
  --st-confirmed: #34608d;
  --st-assigned: #6b4e9b;
  --st-on-the-way: #0f7490;
  --st-started: #2e7d5b;
  --st-completed: #2e7d5b;
  --st-rescheduled: #8a6d3b;
  --st-cancelled: #b3261e;
  --success: #2e7d5b;
  --danger: #b3261e;
  --warning: #b07b24;
  --info: #34608d;

  /* Surfaces (light) */
  --bg: var(--cream-100);
  --surface: var(--cream-50);
  --surface-2: var(--cream-200);
  --line: var(--cream-300);
  --text: var(--ink-900);
  --text-2: var(--ink-600);
  --text-3: var(--ink-400);
  --on-dark: var(--cream-100);
  --on-dark-2: #d8bfb2;
  --hero: linear-gradient(155deg, #5a1815 0%, #4a1210 45%, #2a0807 100%);

  /* Type */
  --font: "Tajawal", system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-display: "El Messiri", "Tajawal", serif; /* echoes the GAIA wordmark */
  --fs-display: 34px;
  --fs-h1: 26px;
  --fs-h2: 20px;
  --fs-title: 16px;
  --fs-body: 14px;
  --fs-small: 12px;
  --fs-micro: 10.5px;

  /* Spacing (AppSpacing) */
  --sp-xxs: 2px; --sp-xs: 4px; --sp-sm: 8px; --sp-md: 16px;
  --sp-lg: 24px; --sp-xl: 32px; --sp-xxl: 48px;
  --gutter: 20px;

  /* Radii (AppRadius) + arch */
  --r-sm: 8px; --r-md: 12px; --r-lg: 16px; --r-xl: 24px; --r-pill: 100px;
  --r-arch: 999px 999px 18px 18px;   /* the GAIA arch */

  /* Elevation — warm, never grey */
  --sh-1: 0 1px 2px rgba(74, 18, 16, .06), 0 1px 1px rgba(74, 18, 16, .04);
  --sh-2: 0 6px 18px -6px rgba(74, 18, 16, .18), 0 2px 4px rgba(74, 18, 16, .05);
  --sh-3: 0 22px 44px -16px rgba(51, 11, 10, .38);
  --sh-gold: 0 8px 22px -8px rgba(201, 160, 92, .65);

  /* Motion */
  --ease: cubic-bezier(.22, .8, .24, 1);
  --t-fast: 140ms; --t-base: 260ms; --t-slow: 520ms;

  /* Phone frame */
  --phone-w: 390px;
  --phone-h: 844px;
}

/* Dark ("Night Ritual") — the app's night mode */
[data-theme="dark"] {
  --bg: #1d0807;
  --surface: #2a0f0d;
  --surface-2: #361715;
  --line: #4a2724;
  --text: #f6ece0;
  --text-2: #cdb3a6;
  --text-3: #9a8076;
  --hero: linear-gradient(155deg, #6b1f1d 0%, #4a1210 50%, #1d0807 100%);
  --sh-1: 0 1px 2px rgba(0,0,0,.4);
  --sh-2: 0 8px 20px -8px rgba(0,0,0,.6);
}