/* ═══════════════════════════════════════════════════
   SEHL POS — Operator Console Design Tokens
   Per sovel-hotel-brand-system §2.1 §3 §5

   Operator console is an internal staff tool. It inherits the
   Sovel Foundation palette (navy/gold/pearl). Glassmorphism is NOT
   used anywhere in SEHL POS — guest side AND operator side both use
   the solid Foundation palette.
   ═══════════════════════════════════════════════════ */

:root {
  /* ── Foundation palette ─────────────────────────────── */
  --hg-navy:        #F0EBE0;   /* BONE: texto primario (dark) */
  --hg-ink:         #1A1407;   /* tinta oscura para texto sobre oro */
  --hg-surface:     #161619;   /* tarjeta/panel grafito */
  --hg-canvas:      #0D0D0F;   /* lienzo grafito */
  --hg-navy-light:  #24242B;   /* grafito elevado (barras) */
  --hg-navy-dark:   #070708;

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

  --hg-pearl:       #F0EBE0;   /* bone (texto sobre oscuro) */
  --hg-pearl-warm:  #1E1E24;
  --hg-pearl-cool:  #16161A;
  --hg-offwhite:    #1B1B1F;

  --hg-charcoal:    #F0EBE0;   /* bone (texto) */
  --hg-gray-dark:   rgba(240,235,224,0.62);
  --hg-gray-mid:    rgba(240,235,224,0.45);
  --hg-gray-light:  #2A2A31;

  /* ── Status (muted — addendum §2.1) ─────────────────── */
  --hg-success:     #2D8B6F;
  --hg-warning:     #D4A843;
  --hg-error:       #C14B4B;
  --hg-info:        #4A7FB5;

  /* ── 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;
  --hg-font-mono:    'JetBrains Mono', 'SF Mono', 'Fira Code', monospace;

  /* ── Type scale (mobile-first, ≥16px body) ─────────── */
  --hg-text-xs:   0.75rem;   /* 12px */
  --hg-text-sm:   0.875rem;  /* 14px */
  --hg-text-base: 1rem;      /* 16px */
  --hg-text-lg:   1.125rem;  /* 18px */
  --hg-text-xl:   1.25rem;   /* 20px */
  --hg-text-2xl:  1.5rem;    /* 24px */
  --hg-text-3xl:  1.875rem;  /* 30px */
  --hg-text-4xl:  2.25rem;   /* 36px */

  /* ── 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 — max 4px on interactive, 8px on cards) ── */
  --hg-radius-xs: 2px;
  --hg-radius-sm: 4px;
  --hg-radius-md: 6px;
  --hg-radius-lg: 8px;

  /* ── Shadows (soft, low-opacity — brand rule) ──────── */
  --hg-shadow-sm:  0 2px 6px  rgba(0,0,0,0.36);
  --hg-shadow-md:  0 6px 20px rgba(0,0,0,0.38);
  --hg-shadow-lg:  0 12px 40px rgba(11, 29, 58, 0.10);
}