/* ==========================================================
   LUVRIX DESIGN TOKENS v2.0 — Enterprise Light-First System
   Loaded before all other stylesheets. Single source of truth.
   ========================================================== */

:root {
  /* Backgrounds */
  --lx-bg-site:        #F8FAFC;
  --lx-bg-tools:       #EEF2F7;   /* Nodukan warm off-white for tool pages */
  --lx-bg-card:        #FFFFFF;
  --lx-bg-sidebar:     #FFFFFF;
  --lx-bg-subtle:      #F1F5F9;

  /* Borders */
  --lx-border:         #E2E8F0;
  --lx-border-strong:  #CBD5E1;

  /* Text */
  --lx-text-primary:   #1E293B;
  --lx-text-secondary: #475569;
  --lx-text-muted:     #94A3B8;

  /* Brand */
  --lx-brand-primary:  #2563EB;
  --lx-brand-primary-hover: #1D4ED8;
  --lx-brand-dark:     #1B2B5E;
  --lx-brand-light:    #EFF6FF;

  /* Sidebar */
  --lx-sidebar-active:      #EFF6FF;
  --lx-sidebar-active-text: #2563EB;

  /* Status */
  --lx-success:        #059669;
  --lx-warning:        #D97706;
  --lx-error:          #DC2626;

  /* Shadows */
  --lx-shadow-sm:      0 1px 3px rgba(15, 23, 42, .06);
  --lx-shadow-md:      0 4px 16px rgba(15, 23, 42, .08);
  --lx-shadow-lg:      0 12px 40px rgba(15, 23, 42, .12);

  /* Radius */
  --lx-radius-sm:      6px;
  --lx-radius-md:      10px;
  --lx-radius-lg:      16px;

  /* Typography */
  --lx-font-sans:      "Inter", "Poppins", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --lx-font-display:   "Poppins", "Inter", system-ui, -apple-system, sans-serif;
  --lx-font-mono:      "JetBrains Mono", ui-monospace, "SFMono-Regular", Consolas, monospace;

  /* Type scale */
  --lx-fs-display:     clamp(2.25rem, 5vw, 3.5rem);
  --lx-fs-h1:          clamp(1.875rem, 3.2vw, 2.25rem);
  --lx-fs-h2:          clamp(1.375rem, 2.4vw, 1.75rem);
  --lx-fs-h3:          1.375rem;
  --lx-fs-body:        1rem;
  --lx-fs-small:       .875rem;
  --lx-fs-nav:         .9375rem;

  /* Layout */
  --lx-maxw:           1240px;
  --lx-maxw-wide:      1360px;
  --lx-header-h:       64px;

  /* Motion */
  --lx-ease:           cubic-bezier(.2, .8, .2, 1);
  --lx-dur-fast:       150ms;
  --lx-dur:            200ms;
  --lx-dur-slow:       300ms;
}

/* Dark mode (opt-in via [data-theme=dark]) */
html[data-theme="dark"] {
  --lx-bg-site:        #0F172A;
  --lx-bg-tools:       #1E293B;
  --lx-bg-card:        #1E293B;
  --lx-bg-sidebar:     #162032;
  --lx-bg-subtle:      #1E293B;
  --lx-border:         #334155;
  --lx-border-strong:  #475569;
  --lx-text-primary:   #F1F5F9;
  --lx-text-secondary: #CBD5E1;
  --lx-text-muted:     #94A3B8;
  --lx-brand-primary:  #3B82F6;
  --lx-brand-dark:     #0F172A;
  --lx-brand-light:    #1E3A8A;
  --lx-sidebar-active:      #1E3A8A;
  --lx-sidebar-active-text: #93C5FD;
  --lx-shadow-sm:      0 1px 3px rgba(0, 0, 0, .4);
  --lx-shadow-md:      0 8px 24px rgba(0, 0, 0, .35);
  --lx-shadow-lg:      0 16px 48px rgba(0, 0, 0, .45);
}

/* Make legacy glass file harmless (was deleted) */
.glass-pill, .glass-card { background: var(--lx-bg-card); border: 1px solid var(--lx-border); }