/* Splentify design tokens (extracted from splentify-ui/src/index.css) */
@import url('https://fonts.googleapis.com/css2?family=Libre+Franklin:wght@300;400;500;600;700;800&display=swap');

/* ── Light theme (default) ── */
:root{
  --bg-primary:oklch(0.99 0 0);--bg-secondary:oklch(0.97 0 0);--bg-tertiary:oklch(0.94 0 0);
  --bg-card:#ffffff;--bg-card-hover:oklch(0.98 0 0);
  --border-color:oklch(0.9 0 0);--border-subtle:oklch(0.85 0 0);
  --text-primary:oklch(0.15 0.005 285);--text-secondary:oklch(0.4 0.005 285);--text-muted:oklch(0.55 0.005 285);--text-inverted:oklch(0.98 0 0);
  --accent:#0891B2;--accent-hover:#0e7490;--accent-muted:rgb(8 145 178 / 0.15);
  --success:oklch(0.75 0.18 145);--success-muted:oklch(0.75 0.18 145 / 0.15);
  --warning:oklch(0.8 0.15 85);--warning-muted:oklch(0.8 0.15 85 / 0.15);
  --danger:oklch(0.65 0.2 25);--danger-muted:oklch(0.65 0.2 25 / 0.15);--danger-hover:oklch(0.58 0.22 25);
  --info:oklch(0.7 0.15 250);--info-muted:oklch(0.7 0.15 250 / 0.15);
  --role-admin:#ef4444;--role-admin-muted:rgb(239 68 68 / 0.15);
  --role-editor:#a855f7;--role-manager:#2563eb;--role-client:var(--accent);--role-client-muted:var(--accent-muted);
  --surface:#ffffff;--overlay:#ffffff;
  --surface-shadow:0 2px 4px 0 rgb(0 0 0 / 0.02),0 1px 2px 0 rgb(0 0 0 / 0.03),0 0 1px 0 rgb(0 0 0 / 0.03);
  --overlay-shadow:0 4px 16px 0 rgb(24 24 27 / 0.08),0 8px 24px 0 rgb(24 24 27 / 0.09);
}

/* ── Dark theme ── */
html.dark{
  --bg-primary:oklch(0.148 0.005 285);--bg-secondary:oklch(0.18 0.005 285);--bg-tertiary:oklch(0.22 0.005 285);
  --bg-card:oklch(0.18 0.005 285);--bg-card-hover:oklch(0.22 0.005 285);
  --border-color:oklch(0.25 0.005 285);--border-subtle:oklch(0.32 0.005 285);
  --text-primary:oklch(0.98 0 0);--text-secondary:oklch(0.7 0.005 285);--text-muted:oklch(0.55 0.005 285);--text-inverted:oklch(0.15 0.005 285);
  --accent:#0891B2;--accent-hover:#06b6d4;--accent-muted:rgb(8 145 178 / 0.15);
  --success:oklch(0.75 0.18 145);--success-muted:oklch(0.75 0.18 145 / 0.12);
  --warning:oklch(0.8 0.15 85);--warning-muted:oklch(0.8 0.15 85 / 0.12);
  --danger:oklch(0.7 0.2 25);--danger-muted:oklch(0.7 0.2 25 / 0.12);--danger-hover:oklch(0.75 0.22 25);
  --info:oklch(0.7 0.15 250);--info-muted:oklch(0.7 0.15 250 / 0.12);
  --role-admin:#f87171;--role-admin-muted:rgb(239 68 68 / 0.2);
  --role-editor:#c084fc;--role-manager:#60a5fa;--role-client:var(--accent);--role-client-muted:var(--accent-muted);
  --surface:oklch(0.21 0.006 285);--overlay:oklch(0.22 0.006 285);
  --surface-shadow:0 2px 4px 0 rgb(0 0 0 / 0.15),0 1px 2px 0 rgb(0 0 0 / 0.1);
  --overlay-shadow:0 4px 16px 0 rgb(0 0 0 / 0.25),0 8px 24px 0 rgb(0 0 0 / 0.2);
}