/* Portal tokens extracted from clawdified-website commit 10c3c87. */
:root {
  color-scheme: light;
  --color-canvas: #f8f5ef;
  --color-surface: #fffdf9;
  --color-surface-soft: #faf8f6;
  --color-surface-copper: #f9f3ee;
  --color-ink: #26211c;
  --color-ink-soft: #352f29;
  --color-muted: #81786e;
  --color-faint: #9e978e;
  --color-copper: #c6793f;
  --color-copper-deep: #a85f31;
  --color-amber: #e4a05b;
  --color-sand: #cdb98c;
  --color-success: #46745d;
  --color-danger: #a84f3c;
  --color-line: rgba(71, 64, 56, .12);
  --color-line-strong: rgba(38, 33, 28, .19);
  --color-grid: rgba(104, 89, 69, .045);
  --font-sans: "Inter", "SF Pro Display", "Avenir Next", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Arial, sans-serif;
  --font-editorial: Iowan Old Style, Baskerville, "Times New Roman", serif;
  --font-mono: "SF Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  --shadow-soft: 0 12px 38px rgba(64, 57, 48, .08);
  --shadow-panel: 0 28px 80px rgba(83, 76, 67, .11);
  --shadow-float: 0 34px 110px rgba(69, 60, 50, .15);
  --radius-small: 10px;
  --radius-control: 12px;
  --radius-panel: 20px;
  --radius-large: 28px;
  --space-1: .25rem;
  --space-2: .5rem;
  --space-3: .75rem;
  --space-4: 1rem;
  --space-5: 1.5rem;
  --space-6: 2rem;
  --space-7: 3rem;
  --space-8: 4.5rem;
  --content-width: 1220px;
  --motion-fast: 150ms;
  --motion-standard: 220ms;
  --breakpoint-wide: 1120px;
  --breakpoint-tablet: 860px;
  --breakpoint-phone: 600px;
}