/* Provisional values: replace these with the approved frootbox.de design tokens. */
:root {
    --color-ink: #002337;
    --color-muted: #4b6276;
    --color-surface: #fff;
    --color-canvas: #f4f6f9;
    --color-dark: #002337;
    --color-accent: #8637ff;
    --color-accent-soft: #f0e8ff;
    --color-teal: #00e0d1;
    --color-border: #b4c3d2;
    --color-divider: #d9e1e9;
    --color-on-dark: #fff;
    --color-on-dark-muted: #bdced9;
    --color-dark-tile: #153c4d;
    --color-note: #eef1f6;
    --color-error: #8e2034;
    --color-error-surface: #fff0f1;
    --color-warning: #765100;
    --color-warning-surface: #fff5dc;
    --color-info: #245777;
    --color-info-surface: #edf5fa;
    --color-success: #086b50;
    --color-success-surface: #e6f7f0;
    --font-body: -apple-system, BlinkMacSystemFont, 'Segoe UI', Arial, sans-serif;
    --font-size-xs: .75rem;
    --font-size-sm: .875rem;
    --font-size-base: 1rem;
    --font-size-lg: 1.25rem;
    --font-size-title: 2rem;
    --font-size-story: 2.25rem;
    --font-size-auth-title: 1.875rem;
    --font-weight-normal: 400;
    --font-weight-medium: 550;
    --font-weight-bold: 700;
    --font-weight-heading: 750;
    --line-height-body: 1.5;
    --line-height-heading: 1.2;
    --letter-spacing-heading: -.035em;
    --space-0: 0;
    --space-1: .25rem;
    --space-2: .5rem;
    --space-3: .75rem;
    --space-4: 1rem;
    --space-5: 1.25rem;
    --space-6: 1.5rem;
    --space-8: 2rem;
    --space-10: 2.5rem;
    --space-12: 3rem;
    --space-14: 3.5rem;
    --space-16: 4rem;
    --space-20: 5rem;
    --space-32: 8rem;
    --radius-sm: .5rem;
    --radius-md: .625rem;
    --radius-lg: 1rem;
    --border-width: 1px;
    --focus-width: 3px;
    --focus-offset: 3px;
    --shadow-menu: 0 .5rem 2rem #00233724;
    --sidebar-width: 18rem;
    --content-max: 90rem;
    --auth-form-width: 26.25rem;
    --auth-note-width: 28.25rem;
    --auth-story-width: 29rem;
    --auth-story-min: 26.25rem;
    --auth-story-share: 47.22%;
    --control-height: 3rem;
    --icon-size: 1.125rem;
    --feature-icon-size: 2.5rem;
    --logo-height: 1.875rem;
}