/* ═══════════════════════════════════════
   BAHASATHAI.ID — Design Tokens
   "Thai Silk & Saffron" — Dark Mode Default
   Inspired by: Thai temples, silk, midnight Bangkok
═══════════════════════════════════════ */

/* ── DARK MODE (default) ── */
:root {
  /* Brand Thai Colors */
  --thai-red:    #C8102E;
  --thai-red-2:  #A50D25;
  --thai-red-lt: #E8193E;
  --gold:        #F0A500;
  --gold-lt:     #FFD060;
  --gold-dk:     #C07800;
  --saffron:     #FF8C00;
  --thai-blue:   #2D4098;
  --cream:       #FFF8E7;

  /* Glow utilities */
  --gold-glow:   rgba(240,165,0,.22);
  --red-glow:    rgba(200,16,46,.22);
  --gold-ring:   rgba(240,165,0,.30);
  --red-ring:    rgba(200,16,46,.28);
  --gold-pale:   rgba(240,165,0,.08);
  --red-pale:    rgba(200,16,46,.08);

  /* Dark surfaces */
  --bg:          #080B14;
  --bg2:         #0C1020;
  --ink1:        #0F1525;
  --ink2:        #141B30;
  --ink3:        #1B2540;
  --ink4:        #232E50;
  --border:      rgba(240,165,0,.10);
  --border2:     rgba(240,165,0,.20);
  --border3:     rgba(255,255,255,.06);

  /* Text */
  --text:        #F0EAD6;
  --text2:       #D4C9A8;
  --text3:       #9A8E72;
  --text4:       #5A5040;
  --text5:       #32291E;

  /* Typography */
  --font-display: 'Playfair Display', 'Georgia', serif;
  --font-body:    'DM Sans', 'Segoe UI', sans-serif;
  --font-thai:    'Sarabun', 'Noto Sans Thai', sans-serif;
  --font-num:     'DM Mono', monospace;

  /* Layout */
  --container:  1240px;
  --header-h:   70px;

  /* Radius */
  --r:  4px; --r2: 9px; --r3: 16px; --r4: 24px; --r5: 36px;

  /* Shadows */
  --sh-sm:   0 2px 14px rgba(0,0,0,.5);
  --sh:      0 8px 40px rgba(0,0,0,.6);
  --sh-lg:   0 20px 72px rgba(0,0,0,.7);
  --sh-gold: 0 6px 30px rgba(240,165,0,.30);
  --sh-red:  0 6px 30px rgba(200,16,46,.28);

  /* Transitions */
  --t:  .22s ease;
  --t2: .38s cubic-bezier(.25,.46,.45,.94);
  --t3: .55s cubic-bezier(.34,1.56,.64,1);
}

/* ── LIGHT MODE ── */
[data-theme="light"] {
  --bg:    #FFFDF7;
  --bg2:   #FFF8EE;
  --ink1:  #FFFFFF;
  --ink2:  #FDF5E6;
  --ink3:  #F5EDD5;
  --ink4:  #EDE0C0;
  --border:  rgba(200,16,46,.10);
  --border2: rgba(200,16,46,.18);
  --border3: rgba(0,0,0,.06);

  --text:  #1A0A00;
  --text2: #3D1A08;
  --text3: #7A5030;
  --text4: #B08060;
  --text5: #D4B090;

  --sh-sm:  0 2px 14px rgba(200,16,46,.07);
  --sh:     0 8px 40px rgba(200,16,46,.10);
  --sh-lg:  0 20px 72px rgba(200,16,46,.14);
}