/* ═══════════════════════════════════════════════════════
   ElitCV — Shared Design Tokens (theme.css)
   Single source of truth for brand color + font values.
   Include this AFTER the Google Fonts <link> and BEFORE any
   page-specific <style> block, so page CSS can still layer
   page-only tokens (mesh backgrounds, glass surfaces, etc.)
   on top without redefining the brand values below.

   Official brand gold: #B5852A (light) / #d4af37 (dark) —
   this matches the public marketing pages, which are the
   source of truth for brand identity.
   ═══════════════════════════════════════════════════════ */

:root, :root[data-theme="light"] {
  /* Brand gold */
  --gold:        #B5852A;
  --gold-soft:   #d4af37;
  --gold-bright: #e4c458;
  --gold-pale:   #f5e9c7;
  --gold-deep:   #9c7224;

  /* Surfaces */
  --bg:          #f7f3ec;
  --bg-alt:      #efe8db;
  --paper:       #fffdf8;
  --paper-2:     #fff;

  /* Text */
  --ink:         #1a1408;
  --text:        #2a2418;
  --text-soft:   #5c5242;
  --text-mute:   #8a8170;

  /* Lines */
  --line:        rgba(52, 41, 18, .12);
  --line-2:      rgba(52, 41, 18, .22);

  /* Shadows */
  --shadow-1:    0 2px 10px rgba(52, 41, 18, .06);
  --shadow-2:    0 12px 40px rgba(52, 41, 18, .12);
  --shadow-3:    0 30px 80px rgba(52, 41, 18, .18);

  /* Status */
  --danger:      #b8341a;
  --success:     #2d6a4f;
}

:root[data-theme="dark"] {
  /* Brand gold */
  --gold:        #d4af37;
  --gold-soft:   #e4c458;
  --gold-bright: #f5d875;
  --gold-pale:   rgba(212, 175, 55, .18);
  --gold-deep:   #b8941f;

  /* Surfaces */
  --bg:          #0a0e1a;
  --bg-alt:      #0f1424;
  --paper:       #11172a;
  --paper-2:     #161d33;

  /* Text */
  --ink:         #f2ecd9;
  --text:        #f2ecd9;
  --text-soft:   #bdb69f;
  --text-mute:   #807a68;

  /* Lines */
  --line:        rgba(255, 255, 255, .08);
  --line-2:      rgba(255, 255, 255, .15);

  /* Shadows */
  --shadow-1:    0 2px 10px rgba(0, 0, 0, .25);
  --shadow-2:    0 12px 40px rgba(0, 0, 0, .45);
  --shadow-3:    0 30px 80px rgba(0, 0, 0, .55);

  /* Status */
  --danger:      #ef6f56;
  --success:     #7cc69b;
}

/* Motion — same curves everywhere, not theme-dependent */
:root {
  --ease:        cubic-bezier(.4, 0, .2, 1);
  --ease-out:    cubic-bezier(.16, 1, .3, 1);
  --ease-spring: cubic-bezier(.5, 1.6, .4, .95);

  /* Font stacks — Cairo (AR) + DM Sans (EN body) + Cormorant Garamond (EN display/serif).
     Load with:
     https://fonts.googleapis.com/css2?family=Cairo:wght@200;300;400;500;600;700;800;900&family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&family=DM+Sans:wght@200;300;400;500;600;700&display=swap */
  --font-ar:      'Cairo', sans-serif;
  --font-en:      'DM Sans', sans-serif;
  --font-display: 'Cormorant Garamond', serif;
}