/* Pult design tokens. Source of truth for colors, type, spacing; see docs/brand/brandbook.md and /kit.html */

:root {
  color-scheme: light dark;

  /* Brand (logo, illustrations; not for small text) */
  --brand-signal: #F05A22;
  --brand-ink: #14161B;
  --brand-paper: #F5F6F8;

  /* Type */
  --font-sans: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --font-mono: ui-monospace, "SF Mono", Menlo, Consolas, monospace;
  --text-xs: 12px;
  --text-s: 13px;
  --text-m: 15px;
  --text-l: 18px;
  --text-xl: 24px;
  --text-xxl: 32px;
  --text-display: 44px; /* landing hero only */
  --weight-regular: 400;
  --weight-medium: 500;
  --weight-bold: 650;
  --leading: 1.45;

  /* Space: 4px scale */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 48px;

  /* Shape */
  --radius-s: 6px;
  --radius-m: 10px;
  --radius-l: 16px;
  --radius-full: 999px;
  --control-h: 36px;
  --control-h-l: 44px;

  /* Motion */
  --ease: cubic-bezier(.2, .7, .2, 1);
  --fast: 120ms;

  /* Light theme */
  --bg: #F5F6F8;
  --surface: #FFFFFF;
  --surface-2: #EEF0F3;
  --surface-3: #E3E6EB;
  --line: #E0E3E8;
  --line-strong: #C9CED6;
  --text: #14161B;
  --text-2: #4A5160;
  --text-3: #6B7383;
  --accent: #C2410C;
  --accent-hover: #A8380A;
  --accent-ink: #FFFFFF;
  --accent-soft: #FDEBE2;
  --ok: #18794E;
  --ok-soft: #E3F5EC;
  --warn: #8F5A0A;
  --warn-soft: #FDF1DC;
  --danger: #C93431;
  --danger-soft: #FCE7E6;
  --screen-bg: #0B0C0F;
  --focus-ring: 0 0 0 3px rgba(194, 65, 12, .35);
  --shadow-1: 0 1px 2px rgba(20, 22, 27, .06), 0 1px 1px rgba(20, 22, 27, .04);
  --shadow-2: 0 8px 28px rgba(20, 22, 27, .14);
}

@media (prefers-color-scheme: dark) {
  :root {
    --bg: #14161B;
    --surface: #1C1F26;
    --surface-2: #252932;
    --surface-3: #2E333D;
    --line: #2E333D;
    --line-strong: #3F4552;
    --text: #F2F3F5;
    --text-2: #B4BAC6;
    --text-3: #8A92A3;
    --accent: #FF7A3D;
    --accent-hover: #FF9466;
    --accent-ink: #14161B;
    --accent-soft: #3A2419;
    --ok: #4ADE91;
    --ok-soft: #173326;
    --warn: #F5C04E;
    --warn-soft: #3A2F16;
    --danger: #FF7A77;
    --danger-soft: #3D1F1F;
    --focus-ring: 0 0 0 3px rgba(255, 122, 61, .4);
    --shadow-1: 0 1px 2px rgba(0, 0, 0, .3);
    --shadow-2: 0 10px 32px rgba(0, 0, 0, .45);
  }
}