/* ==========================================================================
   WGK Design Tokens 2026 – Refined Premium Gold+Navy
   ========================================================================== */

:root {
  /* ── Navy Palette ─────────────────────────────────────── */
  --wgk-navy-deep:    #0B1930;
  --wgk-navy-mid:     #142544;
  --wgk-navy-light:   #1B3158;

  /* ── Gold Palette ─────────────────────────────────────── */
  --wgk-gold:         #C9A84C;
  --wgk-gold-light:   #DFC06A;
  --wgk-gold-dark:    #A68B3A;

  /* ── Backgrounds ──────────────────────────────────────── */
  --wgk-bg:           #F7F8FC;
  --wgk-white:        #FFFFFF;

  /* ── Text ─────────────────────────────────────────────── */
  --wgk-text:         #1A1A2E;
  --wgk-text-muted:   #5A6178;
  --wgk-text-light:   #8891A5;

  /* ── Borders ──────────────────────────────────────────── */
  --wgk-border:       #E2E5ED;
  --wgk-border-dark:  #C8CDD8;

  /* ── Accent / Functional ──────────────────────────────── */
  --wgk-accent:       #2563EB;
  --wgk-accent-light: #3B82F6;
  --wgk-error:        #DC2626;
  --wgk-success:      #16A34A;
  --wgk-warning:      #D97706;

  /* ── Shadows ──────────────────────────────────────────── */
  --wgk-shadow-sm:    0 1px 2px rgba(11,25,48,0.05);
  --wgk-shadow:       0 2px 8px rgba(11,25,48,0.08);
  --wgk-shadow-md:    0 4px 16px rgba(11,25,48,0.10);
  --wgk-shadow-lg:    0 8px 32px rgba(11,25,48,0.12);

  /* ── Radii ────────────────────────────────────────────── */
  --wgk-radius-sm:    4px;
  --wgk-radius:       8px;
  --wgk-radius-lg:    12px;

  /* ── Transitions ──────────────────────────────────────── */
  --wgk-transition:   0.2s ease;
  --wgk-transition-slow: 0.35s ease;

  /* ── Typography ───────────────────────────────────────── */
  --wgk-font-body:    'Noto Sans', Tahoma, Helvetica, sans-serif;
  --wgk-font-heading: 'Roboto Slab', Verdana, Helvetica, sans-serif;

  /* ── Layout ───────────────────────────────────────────── */
  --wgk-max-width:    1400px;
}