:where(:root) {
  --color-primary: #f2683a;
  --color-on-primary: #171215;
  --color-link: #f2683a;
  --color-bg: #111113;
  --color-surface: #1c1d20;
  --color-surface-raised: #292a2e;
  --color-text: #f8f8fa;
  --color-muted: #b7b7c1;
  --color-border: #38393f;
  --color-control-border: #81818e;
  --color-focus: var(--color-link);
  --color-selected-bg: #35211b;
  --color-selected-text: var(--color-link);
  --color-selection-bg: var(--color-primary);
  --color-selection-text: var(--color-on-primary);
  --color-danger: #ff99a6;
  --color-danger-bg: #332025;
  --color-info-bg: #2d211d;
  --color-info-text: #ffe4d8;
  --color-success: #51d69a;
  --color-success-bg: #132b22;
  --color-scrollbar: #81818e;
  --font-body: 'Plus Jakarta Sans', system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --space-1: .25rem;
  --space-2: .5rem;
  --space-3: .75rem;
  --space-4: 1rem;
  --space-6: 1.5rem;
  --space-8: 2rem;
  --space-12: 3rem;
  --radius: .75rem;
}

/* Respaldo del kit claro. La paleta SSR de :root mantiene precedencia. */
:where(html[data-theme='light']) {
  --color-link: #ae421f;
  --color-bg: #ffffff;
  --color-surface: #f4f6f7;
  --color-surface-raised: #e6e9eb;
  --color-text: #131214;
  --color-muted: #53575a;
  --color-border: #e6e9eb;
  --color-control-border: #6e7375;
  --color-selected-bg: #fff3f0;
  --color-selected-text: var(--color-link);
  --color-danger: #ad1d00;
  --color-danger-bg: #fff3f0;
  --color-info-bg: #f4f6f7;
  --color-info-text: #53575a;
  --color-success: #006341;
  --color-success-bg: #e8faf0;
  --color-scrollbar: #6e7375;
}