/* =====================================================================
   variables.css - Theme system & CSS variables
   Tách từ index.html dòng 1673-1859.
   Chứa :root + body[data-theme="..."] cho mọi theme (legit, gaming,
   royal, emerald, midnight, sunset, light, mint, rose, sky).
   ===================================================================== */

/* ============================================================
   THEMING SYSTEM - override colors via body[data-theme]
   Default = LEGIT (slate blue + cream + mustard gold)
   ============================================================ */
:root {
  --c-bg:        #3d556b;
  --c-bg-2:      #344a5e;
  --c-bg-deep:   #2c3e52;
  --c-bg-darker: #243443;
  --c-surface:   #45607a;
  --c-surface-2: #506d87;
  --c-border:    rgba(232,226,207,0.12);
  --c-text:      #e8e2cf;
  --c-text-soft: #cfc9b6;
  --c-text-mute: #9aa3b0;
  --c-primary:   #c08a2e;
  --c-primary-2: #d9a951;
  --c-accent:    #c08a2e;
  --c-success:   #7a9c5d;
  --c-danger:    #b85450;
  --c-info:      #6b88a6;
  --font-display: 'Playfair Display', Georgia, serif;
}
body[data-theme="gaming"] {
  --c-bg:        #0f1020;
  --c-bg-2:      #161731;
  --c-bg-deep:   #1a0a2e;
  --c-bg-darker: #0a0817;
  --c-surface:   #1a0a2e;
  --c-surface-2: #231445;
  --c-border:    rgba(255,255,255,0.06);
  --c-text:      #e7e8f3;
  --c-text-soft: #d6d7ee;
  --c-text-mute: #888aa8;
  --c-primary:   #ff4d6d;
  --c-primary-2: #c9184a;
  --c-accent:    #ffd166;
  --c-success:   #00c896;
  --c-danger:    #ff4d6d;
  --c-info:      #6557ff;
}
body[data-theme="royal"] {
  --c-bg:        #2a1b3d;
  --c-bg-2:      #3a2854;
  --c-bg-deep:   #1f132e;
  --c-bg-darker: #150c20;
  --c-surface:   #382553;
  --c-surface-2: #463066;
  --c-border:    rgba(255,215,128,0.12);
  --c-text:      #f3ead8;
  --c-text-soft: #e0d4b3;
  --c-text-mute: #a094b3;
  --c-primary:   #d4a73a;
  --c-primary-2: #f0c948;
  --c-accent:    #f0c948;
  --c-success:   #6fbf73;
  --c-danger:    #c94a6a;
  --c-info:      #8b5cf6;
}
body[data-theme="emerald"] {
  --c-bg:        #0f2a24;
  --c-bg-2:      #143b32;
  --c-bg-deep:   #0a1e1a;
  --c-bg-darker: #061410;
  --c-surface:   #134034;
  --c-surface-2: #1c5444;
  --c-border:    rgba(206,177,103,0.14);
  --c-text:      #e8e2cf;
  --c-text-soft: #c8c2af;
  --c-text-mute: #7a8b85;
  --c-primary:   #c89e54;
  --c-primary-2: #e0b768;
  --c-accent:    #e0b768;
  --c-success:   #4caf75;
  --c-danger:    #d97757;
  --c-info:      #5b8da6;
}
body[data-theme="midnight"] {
  --c-bg:        #0a0e1a;
  --c-bg-2:      #121826;
  --c-bg-deep:   #060912;
  --c-bg-darker: #030509;
  --c-surface:   #141a2a;
  --c-surface-2: #1d2538;
  --c-border:    rgba(100,180,255,0.12);
  --c-text:      #e8eef5;
  --c-text-soft: #c8d2e0;
  --c-text-mute: #6c7990;
  --c-primary:   #4ea0ff;
  --c-primary-2: #2d7fdb;
  --c-accent:    #56d4e8;
  --c-success:   #4ade80;
  --c-danger:    #f87171;
  --c-info:      #818cf8;
}
body[data-theme="sunset"] {
  --c-bg:        #2a1a14;
  --c-bg-2:      #3b251c;
  --c-bg-deep:   #1f130e;
  --c-bg-darker: #150c08;
  --c-surface:   #362219;
  --c-surface-2: #4a2e22;
  --c-border:    rgba(255,170,80,0.14);
  --c-text:      #f6e8d6;
  --c-text-soft: #d8c5ac;
  --c-text-mute: #998270;
  --c-primary:   #e8823c;
  --c-primary-2: #d96528;
  --c-accent:    #f0b04a;
  --c-success:   #88b066;
  --c-danger:    #c94a3a;
  --c-info:      #c97a4a;
}

/* ============ LIGHT THEMES ============ */
body[data-theme="light"] {
  --c-bg:        #f5f7fa;
  --c-bg-2:      #eef1f6;
  --c-bg-deep:   #ffffff;
  --c-bg-darker: #e4e9f0;
  --c-surface:   #ffffff;
  --c-surface-2: #f8fafc;
  --c-border:    rgba(15,23,42,0.1);
  --c-text:      #0f172a;
  --c-text-soft: #475569;
  --c-text-mute: #94a3b8;
  --c-primary:   #ff4d6d;
  --c-primary-2: #c9184a;
  --c-accent:    #f59e0b;
  --c-success:   #10b981;
  --c-danger:    #ef4444;
  --c-info:      #3b82f6;
}
body[data-theme="mint"] {
  --c-bg:        #f0fdf4;
  --c-bg-2:      #ecfdf5;
  --c-bg-deep:   #ffffff;
  --c-bg-darker: #d1fae5;
  --c-surface:   #ffffff;
  --c-surface-2: #f0fdf4;
  --c-border:    rgba(5,150,105,0.18);
  --c-text:      #064e3b;
  --c-text-soft: #047857;
  --c-text-mute: #6b7280;
  --c-primary:   #10b981;
  --c-primary-2: #059669;
  --c-accent:    #f59e0b;
  --c-success:   #16a34a;
  --c-danger:    #ef4444;
  --c-info:      #06b6d4;
}
body[data-theme="rose"] {
  --c-bg:        #fff1f2;
  --c-bg-2:      #ffe4e6;
  --c-bg-deep:   #ffffff;
  --c-bg-darker: #fecdd3;
  --c-surface:   #ffffff;
  --c-surface-2: #fff1f2;
  --c-border:    rgba(190,18,60,0.18);
  --c-text:      #4c0519;
  --c-text-soft: #881337;
  --c-text-mute: #9f7480;
  --c-primary:   #e11d48;
  --c-primary-2: #be123c;
  --c-accent:    #f59e0b;
  --c-success:   #10b981;
  --c-danger:    #dc2626;
  --c-info:      #8b5cf6;
}
body[data-theme="sky"] {
  --c-bg:        #f0f9ff;
  --c-bg-2:      #e0f2fe;
  --c-bg-deep:   #ffffff;
  --c-bg-darker: #bae6fd;
  --c-surface:   #ffffff;
  --c-surface-2: #f0f9ff;
  --c-border:    rgba(2,132,199,0.18);
  --c-text:      #0c4a6e;
  --c-text-soft: #0369a1;
  --c-text-mute: #64748b;
  --c-primary:   #0ea5e9;
  --c-primary-2: #0284c7;
  --c-accent:    #f59e0b;
  --c-success:   #10b981;
  --c-danger:    #ef4444;
  --c-info:      #6366f1;
}