/**
 * Skillgy Modern UI — Design tokens
 * Scoped to body.skillgy-light / body.skillgy-dark
 */
body.skillgy-light,
body.skillgy-dark {
  --skillgy-font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --skillgy-radius-sm: 0.375rem;
  --skillgy-radius-md: 0.625rem;
  --skillgy-radius-lg: 1rem;
  --skillgy-radius-xl: 1.25rem;
  --skillgy-shadow-sm: 0 1px 2px rgba(15, 23, 42, 0.06);
  --skillgy-shadow-md: 0 4px 12px rgba(15, 23, 42, 0.08);
  --skillgy-shadow-lg: 0 12px 32px rgba(15, 23, 42, 0.12);
  --skillgy-transition: 0.2s ease;
  --skillgy-primary: #2563eb;
  --skillgy-success: #16a34a;
  --skillgy-warning: #f59e0b;
  --skillgy-danger: #dc2626;
  --skillgy-info: #0ea5e9;
}

body.skillgy-light {
  --skillgy-bg: #f8fafc;
  --skillgy-bg-elevated: #ffffff;
  --skillgy-card: #ffffff;
  --skillgy-text: #0f172a;
  --skillgy-text-muted: #64748b;
  --skillgy-border: #e2e8f0;
  --skillgy-input-bg: #ffffff;
  --skillgy-navbar-bg: rgba(255, 255, 255, 0.92);
  --skillgy-sidebar-bg: #ffffff;
  --skillgy-hover: #f1f5f9;
}

body.skillgy-dark {
  --skillgy-bg: #0f172a;
  --skillgy-bg-elevated: #111827;
  --skillgy-card: #111827;
  --skillgy-text: #e5e7eb;
  --skillgy-text-muted: #94a3b8;
  --skillgy-border: #1f2937;
  --skillgy-input-bg: #1f2937;
  --skillgy-navbar-bg: rgba(17, 24, 39, 0.95);
  --skillgy-sidebar-bg: #111827;
  --skillgy-hover: #1f2937;
}

/* Brand override from settings when available */
body.skillgy-light[data-skillgy-brand="1"],
body.skillgy-dark[data-skillgy-brand="1"] {
  --skillgy-primary: var(--skillgy-brand-color, #2563eb);
}