/* @genrobo/cell 0.1.0 · sha256:165e7206b27c · Generated by scripts/build.ts. Do not edit. */
:root,
[data-theme="dark"] {
  color-scheme: dark;
  --ground: #0B0C0E;
  --surface: #17181A;
  --raised: #212226;
  --raised-hov: #2A2C31;
  --control: var(--raised);
  --control-hov: var(--raised-hov);
  --line: #293038;
  --line-strong: #616B7D;
  --text-hi: #FAFAFA;
  --text: #A5B1C5;
  --text-lo: #7B8796;
  --brand: #E92A2A;
  --success: #16A34A;
  --success-text: var(--success);
  --warning: #F59E0B;
  --warning-text: var(--warning);
  --error: #BB5B6F;
  --error-text: #D98B99;
  --info: #7EA6F0;
  --primary: var(--text-hi);
  --primary-fg: var(--ground);
  --primary-hov: #E4E6EA;
  --ring: var(--text-hi);
  --backdrop: rgba(0,0,0,0.55);
  --shadow-card: 0 1px 2px rgba(0,0,0,0.4);
  --shadow-pop: 0 4px 16px rgba(0,0,0,0.35);
  --shadow-modal: 0 12px 40px rgba(0,0,0,0.5);
}

:root {
  --sans: Inter, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --mono: "JetBrains Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace;

  --r-sm: 4px;
  --r-md: 8px;
  --r-lg: 12px;
  --r-xl: 16px;

  --z-sticky: 10;
  --z-dropdown: 40;
  --z-backdrop: 50;
  --z-toast: 60;
  --z-modal: 100;
  --z-tooltip: 110;

  --enter: 200ms cubic-bezier(0.25, 1, 0.5, 1);
  --exit: 150ms cubic-bezier(0.5, 0, 0.75, 0);
  --layout: 250ms cubic-bezier(0.25, 1, 0.5, 1);
}

[data-theme="light"] {
  color-scheme: light;
  --ground: #FAFAFA;
  --surface: #FFFFFF;
  --raised: #F1F3F6;
  --raised-hov: #E7EAEE;
  --control: var(--surface);
  --control-hov: var(--raised);
  --line: #DCE1E8;
  --line-strong: #77808F;
  --text-hi: #0B0C0E;
  --text: #3B4454;
  --text-lo: #77808F;
  --brand: #E92A2A;
  --success: #15803D;
  --success-text: #147739;
  --warning: #B45309;
  --warning-text: #A84D08;
  --error: #9E4459;
  --error-text: #7E3245;
  --info: #3E63B0;
  --primary: var(--text-hi);
  --primary-fg: var(--ground);
  --primary-hov: #293038;
  --ring: var(--text-hi);
  --backdrop: rgba(11,12,14,0.4);
  --shadow-card: 0 1px 2px rgba(23,32,51,0.08);
  --shadow-pop: 0 4px 16px rgba(23,32,51,0.12);
  --shadow-modal: 0 12px 40px rgba(23,32,51,0.18);
}

:root,
[data-theme="dark"],
[data-theme="light"] {
  --success-bg: color-mix(in srgb, var(--success) 12%, var(--ground));
  --success-bd: color-mix(in srgb, var(--success) 25%, transparent);
  --warning-bg: color-mix(in srgb, var(--warning) 12%, var(--ground));
  --warning-bd: color-mix(in srgb, var(--warning) 25%, transparent);
  --error-bg: color-mix(in srgb, var(--error) 12%, var(--ground));
  --error-bd: color-mix(in srgb, var(--error) 25%, transparent);
  --info-bg: color-mix(in srgb, var(--info) 12%, var(--ground));
  --info-bd: color-mix(in srgb, var(--info) 25%, transparent);
}

@media (prefers-reduced-motion: reduce) {
  :root {
    --enter: 0ms cubic-bezier(0.25, 1, 0.5, 1);
    --exit: 0ms cubic-bezier(0.5, 0, 0.75, 0);
    --layout: 0ms cubic-bezier(0.25, 1, 0.5, 1);
  }
}