/* ---------------------------------------------------------------------------
 * Luxor Hotel & Restaurant — Design Tokens
 * წყარო: caucasus-heritage-hotel-redesign-v2/design-system/tokens.css
 * პალიტრა დადასტურებულია მფლობელის მიერ — ზურმუხტისფერი ბრენდი + ფიქალისფერი
 * ნეიტრალები. გაფართოებულია მხოლოდ იმ საფეხურებით, რომლებიც შაბლონებს სჭირდება
 * (brand-200/300, surface-inverse) — იმავე მასშტაბიდან.
 * ------------------------------------------------------------------------- */
:root {
  /* Colors — Brand & Primary */
  --color-brand-50:  #f0fdf4;
  --color-brand-100: #dcfce7;
  --color-brand-200: #bbf7d0;
  --color-brand-300: #86efac;
  --color-brand-500: #16a34a;
  --color-brand-600: #15803d;
  --color-brand-700: #166534;
  --color-brand-900: #14532d;

  --color-primary-50:  #f8fafc;
  --color-primary-100: #f1f5f9;
  --color-primary-200: #e2e8f0;
  --color-primary-400: #94a3b8;
  --color-primary-600: #475569;
  --color-primary-700: #334155;
  --color-primary-800: #1e293b;
  --color-primary-900: #0f172a;
  --color-primary-950: #020617;

  --color-accent-500: #2563eb;
  --color-accent-600: #1d4ed8;

  /* Semantic */
  --surface-default:  #ffffff;
  --surface-muted:    #f8fafc;
  --surface-elevated: #ffffff;
  --surface-inverse:  #0f172a;
  --border-default: #e2e8f0;
  --border-subtle:  #f1f5f9;
  --text-main:    #0f172a;
  --text-muted:   #64748b;
  --text-inverse: #ffffff;
  --focus-ring: rgba(37, 99, 235, 0.4);

  /* Typography */
  --font-family-display: 'FiraGO', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --font-family-body:    'FiraGO', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --font-family-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, monospace;

  --font-size-xs:   12px;
  --font-size-sm:   14px;
  --font-size-base: 16px;
  --font-size-lg:   18px;
  --font-size-xl:   22px;
  --font-size-2xl:  28px;
  --font-size-3xl:  36px;
  --font-size-4xl:  48px;
  --font-size-5xl:  60px;

  --line-height-tight:   1.2;
  --line-height-snug:    1.375;
  --line-height-normal:  1.6;
  --line-height-relaxed: 1.75;

  /* Spacing — 4px grid */
  --space-1: 4px;   --space-2: 8px;   --space-3: 12px;  --space-4: 16px;
  --space-6: 24px;  --space-8: 32px;  --space-12: 48px; --space-16: 64px;
  --space-24: 96px;

  /* Radii */
  --radius-sm: 6px;  --radius-md: 10px; --radius-lg: 16px;
  --radius-xl: 24px; --radius-full: 9999px;

  /* Shadows */
  --shadow-sm: 0 1px 2px 0 rgba(15, 23, 42, 0.05);
  --shadow-md: 0 4px 6px -1px rgba(15, 23, 42, 0.08), 0 2px 4px -2px rgba(15, 23, 42, 0.04);
  --shadow-lg: 0 10px 15px -3px rgba(15, 23, 42, 0.08), 0 4px 6px -4px rgba(15, 23, 42, 0.03);
  --shadow-xl: 0 20px 25px -5px rgba(15, 23, 42, 0.07), 0 8px 10px -6px rgba(15, 23, 42, 0.03);

  /* Transitions */
  --transition-fast:   150ms cubic-bezier(0.4, 0, 0.2, 1);
  --transition-normal: 250ms cubic-bezier(0.4, 0, 0.2, 1);
  --transition-slow:   400ms cubic-bezier(0.16, 1, 0.3, 1);
}