/* =====================================================================
   Saluki Registration System — Design Tokens
   Brand source: Master Spec "BRAND & DESIGN TOKENS"
   ===================================================================== */

:root {
  /* ---- Brand (constant across themes) ---- */
  --brand-gold:    #F0A53C;  /* Amber Gold   (primary)   */
  --brand-yellow:  #F0E11E;  /* Golden Yellow(secondary) */
  --brand-bronze:  #C3692D;  /* Bronze Sienna(accent)    */
  --brand-brown:   #2A1A08;  /* text on gold             */
  --grad-gold: linear-gradient(135deg, #F0E11E 0%, #F0A53C 48%, #C3692D 100%);
  --grad-gold-soft: linear-gradient(135deg, rgba(240,225,30,.16), rgba(195,105,45,.16));

  /* ---- Status (constant) ---- */
  --success: #27AE60;  --success-tint: rgba(39,174,96,.14);
  --warning: #E67E22;  --warning-tint: rgba(230,126,34,.14);
  --error:   #C0392B;  --error-tint:   rgba(192,57,43,.14);
  --info:    #3B82F6;  --info-tint:    rgba(59,130,246,.14);

  /* ---- Radii ---- */
  --r-card: 16px;
  --r-input: 12px;
  --r-btn: 12px;
  --r-sm: 10px;
  --r-pill: 999px;

  /* ---- Type ---- */
  --font-display: 'Sora', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --font-body:    'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --font-arabic:  'Noto Kufi Arabic', 'Inter', system-ui, sans-serif;

  /* ---- Layout ---- */
  --sidebar-w: 256px;
  --topbar-h: 62px;
  --gutter: 16px;
  --maxw: 1440px;

  /* ---- Motion ---- */
  --ease: cubic-bezier(.4, 0, .2, 1);
  --t-fast: 140ms var(--ease);
  --t: 220ms var(--ease);
}

/* =================== DARK THEME (default) =================== */
:root,
[data-theme="dark"] {
  color-scheme: dark;
  --bg:        #0A0A0A;
  --bg-elev:   #121110;
  --bg-glow:   rgba(240,165,60,.10);
  --sidebar:   #111110;
  --card:      #1E1E1E;
  --card-2:    #242320;
  --card-hover:#272521;
  --border:    #3D3228;
  --border-soft:#2A251E;
  --text:      #F6F6F6;
  --text-2:    #B8A88F;
  --text-3:    #7A6A55;
  --nav-hover: rgba(240,165,60,.10);
  --topbar-bg: rgba(12,11,10,.72);
  --shadow:    0 10px 34px rgba(0,0,0,.46);
  --shadow-sm: 0 2px 10px rgba(0,0,0,.35);
  --ring:      0 0 0 3px rgba(240,165,60,.30);
  --track:     #2A251E;
}

/* =================== LIGHT THEME =================== */
[data-theme="light"] {
  color-scheme: light;
  --bg:        #F6F1E8;
  --bg-elev:   #FFFFFF;
  --bg-glow:   rgba(240,165,60,.16);
  --sidebar:   #FFFFFF;
  --card:      #FFFFFF;
  --card-2:    #FBF6EE;
  --card-hover:#FFFDF9;
  --border:    #E9DEC9;
  --border-soft:#F1E9DA;
  --text:      #221A0E;
  --text-2:    #6F5E45;
  --text-3:    #A4937A;
  --nav-hover: rgba(240,165,60,.12);
  --topbar-bg: rgba(246,241,232,.74);
  --shadow:    0 12px 30px rgba(99,71,21,.10);
  --shadow-sm: 0 2px 10px rgba(99,71,21,.07);
  --ring:      0 0 0 3px rgba(240,165,60,.32);
  --track:     #EFE6D5;
}