/* ═══════════════════════════════════════════════════
   SOVEL POS — Breakfast Floor
   Design Tokens

   Per sovel-hotel-brand-system §2 and §5.3, Breakfast uses the
   Foundation palette + a single accent color: Warm Terracotta.
   NO glassmorphism, NO pure white, NO pure black.
   ═══════════════════════════════════════════════════ */

:root {
  /* ── Foundation ─────────────────────────────────── */
  --hg-navy:        #0B1D3A;
  --hg-navy-light:  #1A3158;
  --hg-navy-dark:   #060F1F;

  --hg-gold:        #C8A45E;
  --hg-gold-light:  #D4B87A;
  --hg-gold-dark:   #A88A42;
  --hg-gold-soft:   rgba(200, 164, 94, 0.15);

  --hg-pearl:       #F5F0E8;
  --hg-pearl-warm:  #EDE5D8;
  --hg-pearl-cool:  #F8F5F0;
  --hg-offwhite:    #FAFAF8;

  --hg-charcoal:    #2C2926;
  --hg-gray-dark:   #4A4640;
  --hg-gray-mid:    #9B9689;
  --hg-gray-light:  #E8E6E1;

  --hg-success:     #2D8B6F;
  --hg-warning:     #D4A843;
  --hg-error:       #C14B4B;

  /* ── Breakfast accent — Warm Terracotta (§5.3) ──── */
  --hg-accent:       #C27B5A;
  --hg-accent-dark:  #A66446;
  --hg-accent-soft:  rgba(194, 123, 90, 0.15);

  /* ── Fonts ──────────────────────────────────────── */
  --hg-font-display: 'Playfair Display', 'Georgia', serif;
  --hg-font-accent:  'Cormorant Garamond', 'Garamond', serif;
  --hg-font-body:    'DM Sans', 'Helvetica Neue', -apple-system, BlinkMacSystemFont, sans-serif;

  /* ── Type scale — ≥16px body ────────────────────── */
  --hg-text-xs:   0.75rem;
  --hg-text-sm:   0.875rem;
  --hg-text-base: 1rem;       /* 16px iOS min */
  --hg-text-lg:   1.125rem;
  --hg-text-xl:   1.25rem;
  --hg-text-2xl:  1.5rem;
  --hg-text-3xl:  1.875rem;
  --hg-text-4xl:  2.25rem;
  --hg-text-5xl:  3rem;

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

  /* ── Radii — luxury sharpness ──────────────────── */
  --hg-radius-xs: 2px;
  --hg-radius-sm: 4px;
  --hg-radius-md: 6px;
  --hg-radius-lg: 8px;

  /* ── Shadows — soft ────────────────────────────── */
  --hg-shadow-sm: 0 2px 6px rgba(11,29,58,0.06);
  --hg-shadow-md: 0 6px 20px rgba(11,29,58,0.08);
  --hg-shadow-lg: 0 12px 40px rgba(11,29,58,0.10);

  /* ── Safe areas (iOS notch) ────────────────────── */
  --safe-top:    env(safe-area-inset-top);
  --safe-bottom: env(safe-area-inset-bottom);
  --safe-left:   env(safe-area-inset-left);
  --safe-right:  env(safe-area-inset-right);
}