/*
 * RackCorp Supertool - design tokens
 * Source of truth: docs/design-system.md
 * Do not hardcode colors/spacing elsewhere; reference these custom properties.
 */

:root {
  /* Brand palette (rackcorp.com) */
  --rc-red: #cb0000;
  --rc-red-dark: #9a0000;
  --rc-ink: #0a0a0a;
  --rc-white: #ffffff;
  --rc-surface: #f8f9fa;
  --rc-border: #e0e0e0;
  --rc-teal: #00cbbf;

  /* Neutral text */
  --rc-text: #16181d;
  --rc-text-muted: #5b626e;
  --rc-text-faint: #8a909b;

  /* Status palette (deliberately distinct from brand red) */
  --st-ok: #1aa251;
  --st-ok-bg: #e7f6ed;
  --st-warn: #c77700;
  --st-warn-bg: #fdf3e2;
  --st-fail: #d4351c;
  --st-fail-bg: #fdecea;
  --st-running: #0064cb;
  --st-running-bg: #e7eef8;
  --st-pending: #6b7280;
  --st-pending-bg: #f1f2f4;

  /* Typography */
  --font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  --font-mono: ui-monospace, "SF Mono", "Cascadia Mono", Menlo, Consolas, monospace;
  --fs-xs: 12px;
  --fs-sm: 13px;
  --fs-md: 14px;
  --fs-lg: 16px;
  --fs-xl: 20px;
  --fs-2xl: 28px;
  --lh: 1.5;

  /* Spacing scale (4px base) */
  --sp-1: 4px;
  --sp-2: 8px;
  --sp-3: 12px;
  --sp-4: 16px;
  --sp-5: 24px;
  --sp-6: 32px;
  --sp-8: 48px;

  /* Radius */
  --r-sm: 4px;
  --r-md: 8px;
  --r-lg: 12px;
  --r-pill: 999px;

  /* Shadow */
  --sh-1: 0 1px 2px rgba(10, 10, 10, 0.06), 0 1px 3px rgba(10, 10, 10, 0.08);
  --sh-2: 0 4px 12px rgba(10, 10, 10, 0.12);

  /* Layout */
  --topbar-h: 56px;
  --rail-w: 248px;
}