/*
 * variables-a.css — Theme A: Yellow Forward
 * Primary = เหลือง, Accent = แดง, bg = navy เข้ม
 */
:root {
  --blue:         #2563eb;
  --blue-l:       #60a5fa;
  --blue-ll:      #bfdbfe;
  --blue-d:       #1d4ed8;
  --blue-dk:      #1e3a8a;

  --yellow:       #fbbf24;
  --yellow-l:     #fde68a;
  --yellow-d:     #d97706;

  --red:          #ef4444;
  --red-l:        #fca5a5;
  --red-d:        #dc2626;

  --gray:         #6b7280;
  --gray-l:       #d1d5db;
  --gray-d:       #374151;

  /* Yellow as primary */
  --primary:      var(--yellow);
  --primary-d:    var(--yellow-d);
  --primary-dk:   #92400e;
  --accent:       var(--red);
  --accent-d:     var(--red-d);
  --danger:       var(--red);

  --bg:           #fefce8;
  --bg2:          #fef9c3;
  --surface:      #ffffff;
  --border:       #fde68a;
  --border-l:     #fef3c7;

  --text:         #0f172a;
  --text2:        #1e293b;
  --muted:        var(--gray);
  --dim:          var(--gray-l);

  --hero-bg:      #0c0a00;
  --hero-bg2:     #1a1400;
  --hero-text:    #f8fafc;   /* ขาวสะอาด — อ่านสบายตา */
  --hero-muted:   #cbd5e1;   /* เทาอ่อน — subtext */
  --hero-border:  rgba(251,191,36,0.3);
  --hero-glow1:   rgba(251,191,36,0.22);
  --hero-glow2:   rgba(37,99,235,0.12);

  --font:         'Prompt', sans-serif;
  --mono:         'Prompt', sans-serif;
  --max-w:        1080px;
  --radius:       22px;
  --radius-sm:    14px;
  --nav-h:        132px;
}