/* ═══════════════════════════════════════════════
   GIL — Design Tokens
   ═══════════════════════════════════════════════ */
:root {
  /* Background */
  --bg-body: #0d1117;
  --bg-card: #161b22;
  --bg-card-hover: #1c2129;
  --bg-input: #0d1117;
  --bg-header: #161b22;
  --bg-sidebar: #0d1117;
  --bg-overlay: rgba(13,17,23,0.85);

  /* Borders */
  --border: #30363d;
  --border-focus: #388bfd;

  /* Text */
  --text-primary: #e6edf3;
  --text-secondary: #8b949e;
  --text-muted: #6e7681;

  /* Accent Colors */
  --blue: #388bfd;
  --blue-light: #58a6ff;
  --green: #2ea043;
  --green-light: #3fb950;
  --red: #d46060;
  --orange: #d29922;
  --orange-light: #e3b341;
  --purple: #a371f7;
  --cyan: #39d2c0;
  --yellow: #f0c000;

  /* Radius */
  --radius: 8px;
  --radius-lg: 12px;
  --radius-sm: 4px;

  /* Shadows */
  --shadow-sm: 0 1px 2px rgba(0,0,0,0.3);
  --shadow-md: 0 4px 12px rgba(0,0,0,0.4);
  --shadow-lg: 0 8px 24px rgba(0,0,0,0.5);

  /* Typography */
  --font-family: Inter, system-ui, -apple-system, sans-serif;
  --font-xs:  11px;
  --font-sm:  12px;
  --font-md:  13px;
  --font-base: 14px;
  --font-lg:  16px;
  --fw-regular:  400;
  --fw-medium:   500;
  --fw-semibold: 600;

  /* Transitions */
  --transition: 0.15s ease;

  /* Sidebar */
  --sidebar-width: 220px;
  --sidebar-collapsed: 56px;
  --header-height: 56px;
}

[data-theme="light"] {
  /* Backgrounds */
  --bg-body:        #f4f7fb;
  --bg-surface:     #ffffff;
  --bg-surface-2:   #f8fafc;
  --bg-surface-3:   #eef3f8;
  --bg-card:        #ffffff;
  --bg-card-hover:  #eef3f8;
  --bg-input:       #ffffff;
  --bg-header:      #ffffff;
  --bg-sidebar:     #f6f9fc;
  --bg-overlay:     rgba(237,241,247,0.92);

  /* Borders */
  --border:         #d9e2ec;
  --border-soft:    #e7edf3;
  --border-strong:  #c7d3df;
  --border-focus:   #2563eb;

  /* Text — 4 levels */
  --text-primary:   #142132;
  --text-secondary: #425466;
  --text-support:   #6b7c8f;
  --text-muted:     #94a3b8;

  /* Shadows */
  --shadow-sm:      0 1px 2px rgba(16,24,40,.05);
  --shadow-md:      0 3px 8px rgba(16,24,40,.08);
  --shadow-lg:      0 8px 24px rgba(16,24,40,.12);
  --shadow-card:    0 1px 2px rgba(16,24,40,.04), 0 1px 3px rgba(16,24,40,.06);
  --shadow-hover:   0 2px 6px rgba(16,24,40,.06), 0 4px 12px rgba(16,24,40,.06);

  /* Brand / Primary */
  --primary:        #1f5fae;
  --primary-dark:   #174a88;
  --primary-soft:   #eaf2fd;

  /* Status */
  --success:        #1f8f5f;
  --success-soft:   #e8f7ef;
  --success-border: #cdebd8;
  --danger:         #c34a43;
  --danger-soft:    #fdeeee;
  --danger-border:  #f3d0d0;
  --warning:        #b7791f;
  --warning-soft:   #fff6e5;
  --warning-border: #f1dfb4;
  --info:           #4a67d6;
  --info-soft:      #eef2ff;
  --info-border:    #d9e1ff;

  /* Accents — light-calibrated */
  --blue:           #2563eb;
  --blue-light:     #3b7de8;
  --green:          #1a7f3c;
  --green-light:    #23934a;
  --red:            #c04040;
  --orange:         #b06010;
  --orange-light:   #c47520;
  --purple:         #7c3aed;
  --cyan:           #0891b2;
  --yellow:         #c49300;
}