/* RONSTRUCT Website UI Kit v0.1 — web extensions are review proposals. */
:root {
  --signal-blue: #2563FF; --ink-950: #0B0D12; --graphite-800: #1F2937;
  --slate-500: #6B7280; --mist-200: #E5E7EB; --paper-50: #F7F8FA; --white: #FFFFFF;
  --font-ui: 'Pretendard', sans-serif; --font-display: 'Space Grotesk', sans-serif;
  --font-data: 'IBM Plex Mono', monospace;
  --space-1: 4px; --space-2: 8px; --space-3: 12px; --space-4: 16px;
  --space-5: 24px; --space-6: 32px; --space-7: 48px; --space-8: 64px; --space-9: 96px;
  --radius-control: 4px; --radius-panel: 0px;
  --control-height: 48px; --container-max: 1240px;
  --motion-fast: 140ms; --motion-default: 220ms;
  --surface: var(--white); --surface-subtle: var(--paper-50); --surface-inverse: var(--ink-950);
  --text: var(--ink-950); --text-secondary: var(--graphite-800); --text-muted: var(--slate-500);
  --line: var(--mist-200); --line-control: var(--slate-500); --accent-text: var(--signal-blue);
  /* Functional feedback only; these are not additions to the brand palette. */
  --success: #166534; --warning: #854D0E; --danger: #B42318;
}
[data-theme='dark'] {
  color-scheme: dark; --surface: var(--ink-950); --surface-subtle: var(--graphite-800);
  --surface-inverse: var(--white); --text: var(--white); --text-secondary: var(--mist-200);
  --text-muted: var(--mist-200); --line: var(--slate-500); --line-control: var(--mist-200);
  --accent-text: var(--white); --success: #86EFAC; --warning: #FDE68A; --danger: #FCA5A5;
}