/* ==========================================================================
   TOKENS
   ========================================================================== */

:root,
html[data-theme="glass"] {
  --wallpaper-opacity: 0.32;
  --wallpaper-veil:
    radial-gradient(circle at 16% 18%, rgba(56, 189, 248, 0.08), transparent 32%),
    radial-gradient(circle at 84% 12%, rgba(255, 255, 255, 0.04), transparent 28%),
    linear-gradient(180deg, rgba(15, 23, 42, 0.26), rgba(2, 6, 23, 0.34));

  --glass-bg-light: rgba(255, 255, 255, 0.22);
  --glass-bg-medium: rgba(255, 255, 255, 0.32);
  --glass-bg-strong: rgba(255, 255, 255, 0.46);

  --glass-border: rgba(255, 255, 255, 0.14);
  --glass-border-strong: rgba(255, 255, 255, 0.22);

  --glass-shadow-soft: 0 12px 40px rgba(0, 0, 0, 0.15);
  --glass-shadow-float: 0 20px 60px rgba(0, 0, 0, 0.25);
  --glass-shadow-modal: 0 40px 120px rgba(0, 0, 0, 0.35);

  --glass-blur-control: 14px;
  --glass-blur-card: 24px;
  --glass-blur-panel: 32px;
  --glass-blur-modal: 40px;

  --glass-text-on-dark: #e5edf8;
  --glass-text-muted-dark: #9fb0c9;
  --glass-text-on-light: #0f172a;
  --glass-text-secondary-light: #334155;
  --glass-text-muted-light: #64748b;

  --glass-control-bg: rgba(255, 255, 255, 0.72);
  --glass-overlay-bg: rgba(15, 23, 42, 0.78);
  --glass-overlay-text: var(--glass-text-on-dark);
  --glass-overlay-text-muted: var(--glass-text-muted-dark);
  --glass-table-shell-bg: rgba(255, 255, 255, 0.34);
  --glass-table-row-bg: rgba(255, 255, 255, 0.28);
  --glass-table-row-border: rgba(255, 255, 255, 0.16);

  --glass-safe: #047857;
  --glass-warning: #b45309;
  --glass-critical: #dc2626;

  --z-base: 1;
  --z-sticky: 20;
  --z-popover: 220;
  --z-tooltip: 260;
  --z-modal: 320;
  --z-toast: 360;
}

html[data-theme="solid"] {
  --wallpaper-opacity: 0.04;
  --wallpaper-veil:
    linear-gradient(180deg, rgba(241, 245, 249, 0.94), rgba(226, 232, 240, 0.98));

  --glass-bg-light: rgba(255, 255, 255, 0.92);
  --glass-bg-medium: rgba(255, 255, 255, 0.96);
  --glass-bg-strong: rgba(248, 250, 252, 0.98);

  --glass-border: rgba(148, 163, 184, 0.12);
  --glass-border-strong: rgba(148, 163, 184, 0.22);

  --glass-shadow-soft: 0 8px 24px rgba(15, 23, 42, 0.08);
  --glass-shadow-float: 0 16px 32px rgba(15, 23, 42, 0.10);
  --glass-shadow-modal: 0 24px 60px rgba(15, 23, 42, 0.16);

  --glass-blur-control: 0px;
  --glass-blur-card: 0px;
  --glass-blur-panel: 0px;
  --glass-blur-modal: 0px;

  --glass-control-bg: rgba(255, 255, 255, 0.98);
  --glass-overlay-bg: rgba(255, 255, 255, 0.98);
  --glass-overlay-text: var(--glass-text-on-light);
  --glass-overlay-text-muted: var(--glass-text-muted-light);
  --glass-table-shell-bg: rgba(255, 255, 255, 0.96);
  --glass-table-row-bg: rgba(255, 255, 255, 0.94);
  --glass-table-row-border: rgba(148, 163, 184, 0.16);
}