/* ===================================================== */
/* =============== SCRAVITY LIGHT THEME ================= */
/* ===================================================== */

:root:has(input.theme-controller[value=scravity]:checked),
[data-theme="scravity"] {
  color-scheme: light;

  /* ---------- BRAND ---------- */
  --color-primary: oklch(49.5% 0.146 244);
  --color-primary-content: oklch(100% 0 0);

  --color-secondary: oklch(0% 0 0);
  --color-secondary-content: oklch(100% 0 0);

  --color-accent: oklch(0% 0 0);
  --color-accent-content: oklch(100% 0 0);

  --color-neutral: oklch(20% 0 0);
  --color-neutral-content: oklch(100% 0 0);

  /* ---------- BASE SCALE (Proper hierarchy) ---------- */
  --color-base-100: oklch(100% 0 0);  /* page background */
  --color-base-200: oklch(97% 0 0);   /* sections / hover */
  --color-base-300: oklch(90% 0 0);   /* borders */
  --color-base-content: oklch(12% 0 0); /* main text */

  /* ---------- STATUS ---------- */
  --color-info: oklch(75% 0.1 220);
  --color-success: oklch(78% 0.15 160);
  --color-warning: oklch(82% 0.12 80);
  --color-error: oklch(72% 0.18 25);

  --color-info-content: oklch(20% 0 0);
  --color-success-content: oklch(20% 0 0);
  --color-warning-content: oklch(20% 0 0);
  --color-error-content: oklch(20% 0 0);

  /* ---------- SHAPE & DEPTH ---------- */
  --radius-selector: 0rem;
  --radius-field: 0rem;
  --radius-box: 0rem;

  --size-selector: 0.25rem;
  --size-field: 0.25rem;

  --border: 1px;
  --depth: 0;
  --noise: 0;
}


/* ================= SCRAVITY DARK THEME =============== */
:root:has(input.theme-controller[value=scravity-dark]:checked),
[data-theme="scravity-dark"] {
  color-scheme: dark;

  /* ---------- BRAND ---------- */
  --color-primary: oklch(55% 0.16 244);
  --color-primary-content: oklch(100% 0 0);

  --color-secondary: oklch(95% 0 0);
  --color-secondary-content: oklch(15% 0 0);

  --color-accent: oklch(95% 0 0);
  --color-accent-content: oklch(15% 0 0);

  --color-neutral: oklch(25% 0 0);
  --color-neutral-content: oklch(95% 0 0);

  /* ---------- BASE SCALE (Dark theme fix for hover visibility) ---------- */
  --color-base-100: oklch(12% 0 0);   /* page background */
  --color-base-200: oklch(24% 0 0);   /* cards / ghost hover */
  --color-base-300: oklch(36% 0 0);   /* borders, stronger */
  --color-base-content: oklch(95% 0 0); /* text */

  /* ---------- STATUS ---------- */
  --color-info: oklch(70% 0.12 220);
  --color-success: oklch(75% 0.16 160);
  --color-warning: oklch(78% 0.13 80);
  --color-error: oklch(68% 0.20 25);

  --color-info-content: oklch(12% 0 0);
  --color-success-content: oklch(12% 0 0);
  --color-warning-content: oklch(12% 0 0);
  --color-error-content: oklch(12% 0 0);

  /* ---------- SHAPE & DEPTH ---------- */
  --radius-selector: 0rem;
  --radius-field: 0rem;
  --radius-box: 0rem;

  --size-selector: 0.25rem;
  --size-field: 0.25rem;

  --border: 1px;
  --depth: 0;
  --noise: 0;
}

* {
  font-family: 'IBM Plex Sans', sans-serif;
}
code {
  font-family: 'IBM Plex Mono', monospace;
}