/* ==========================================================================
   Academia Plaorc — Design tokens (estilo Cobalt, extraído do padrão visual)
   Claro por padrão; [data-theme="dark"] aplicado via static/js/theme-init.js
   ========================================================================== */
:root {
  --bg: #f5f6fb;
  --surf: #ffffff;
  --surf-2: #eef1f8;
  --txt: #1b2235;
  --mut: #79829c;
  --bd: #e9ecf5;
  --acc: #0b4d83;
  --acc-2: #9a1318;
  --acc-weak: rgba(11, 77, 131, .12);
  --acc-grad: linear-gradient(135deg, var(--acc), var(--acc-2));

  --ok-bg: #e0f7f1;
  --ok-fg: #08b18e;
  --warn-bg: #fbf0d8;
  --warn-fg: #cf8a00;
  --danger: #e2483d;
  --danger-bg: #fdecea;
  --info-bg: #e5eef7;
  --info-fg: #0b4d83;

  --radius-sm: 8px;
  --radius: 11px;
  --radius-lg: 16px;
  --radius-xl: 22px;
  --pill: 999px;

  --shadow-sm: 0 1px 2px rgba(11, 40, 70, .07);
  --shadow: 0 10px 30px -12px rgba(11, 60, 110, .20);
  --shadow-lg: 0 20px 50px -16px rgba(11, 60, 110, .28);

  --sidebar-w: 236px;
  --topbar-h: 66px;
  --maxw: 1180px;

  --font: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;

  --t-fast: .16s ease;
  --t: .22s ease;
}

:root[data-theme="dark"] {
  --bg: #0c0f1e;
  --surf: #141829;
  --surf-2: #1b2136;
  --txt: #e8ecf7;
  --mut: #838daa;
  --bd: #222843;
  --acc: #2f7cbb;
  --acc-2: #cf424c;
  --acc-weak: rgba(47, 124, 187, .20);

  --ok-bg: #0c2c25;
  --ok-fg: #2dd4b0;
  --warn-bg: #2c2410;
  --warn-fg: #e9b44c;
  --danger: #ff6b60;
  --danger-bg: #2a1512;
  --info-bg: #171d3a;
  --info-fg: #9aa6ff;

  --shadow-sm: 0 1px 2px rgba(0, 0, 0, .35);
  --shadow: 0 12px 32px -12px rgba(0, 0, 0, .55);
  --shadow-lg: 0 22px 55px -16px rgba(0, 0, 0, .65);
}