:root{
  --canvas: #F5F3EE;
  --surface: #FFFCF6;
  --surface-soft: #E8EDE3;
  --surface-warm: #F0E3D3;
  --ink: #183C37;
  --ink-secondary: #53615B;
  --graphite: #252927;
  --sage: #9FB7A5;
  --copper: #C8895D;
  --border: #D2D8CE;
  --field-border: #718579;
  --focus: #895030;
  --focus-dark: #F5D7AE;
  --action: #183C37;
  --action-hover: #245349;
  --on-action: #F5F3EE;
  --success: #245C40;
  --success-bg: #E7EFE4;
  --warning: #77531E;
  --warning-bg: #F4EAD5;
  --error: #943E37;
  --error-bg: #F5E6E0;
  --font-display: Georgia, 'Times New Roman', serif;
  --font-body: Arial, Helvetica, sans-serif;
  --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: 80px;
  --space-10: 112px;
  --radius-control: 10px;
  --radius-card: 18px;
  --radius-product: 28px;
  --radius-pill: 999px;
  --layout-max: 1280px;
  --layout-reading: 720px;
  --layout-tablet: 768px;
  --layout-desktop: 1100px;
  --type-display: clamp(3rem, 5.8vw, 5.4rem);
  --type-h1: clamp(2.8rem, 5vw, 4.6rem);
  --type-h2: clamp(2.2rem, 3.8vw, 3.5rem);
  --type-h3: 1.25rem;
  --type-h4: 1.0625rem;
  --type-body: 1.0625rem;
  --type-small: 0.875rem;
  --type-metadata: 0.75rem;
  --type-control: 1rem;
}
.token-canvas{background:#F5F3EE}
.token-surface{background:#FFFCF6}
.token-surface-soft{background:#E8EDE3}
.token-surface-warm{background:#F0E3D3}
.token-ink{background:#183C37}
.token-ink-secondary{background:#53615B}
.token-graphite{background:#252927}
.token-sage{background:#9FB7A5}
.token-copper{background:#C8895D}
.token-border{background:#D2D8CE}
.token-field-border{background:#718579}
.token-focus{background:#895030}
.token-focus-dark{background:#F5D7AE}
.token-action{background:#183C37}
.token-action-hover{background:#245349}
.token-on-action{background:#F5F3EE}
.token-success{background:#245C40}
.token-success-bg{background:#E7EFE4}
.token-warning{background:#77531E}
.token-warning-bg{background:#F4EAD5}
.token-error{background:#943E37}
.token-error-bg{background:#F5E6E0}
