/* Implementation aliases for design-system/tokens/fropessional.tokens.json. */
:root {
  --color-surface-canvas: #f2eedc;
  --color-surface-inverse: #2b2b2b;
  --color-content-primary: #2b2b2b;
  --color-content-inverse: #f2eedc;
  --color-content-accent: #4b5b8c;
  --color-content-supporting: #a39b91;
  --color-border-default: #2b2b2b;
  --color-border-subtle: #a39b91;
  --color-brand-frop-blue: #6f7fb2;
  --color-brand-frop-navy: #4b5b8c;
  --color-brand-cyan: #a6d6e7;
  --color-brand-warm-grey: #a39b91;
  --color-surface-note: #f8f5e9;
  --color-surface-muted: #ddd5bd;
  --color-surface-dark-raised: #363636;
  --color-border-dark: #aca698;
  --color-copy-dark-muted: #d8d1c2;
  --color-brand-cyan-soft: rgb(166 214 231 / 32%);
  --color-ink-subtle: rgb(43 43 43 / 45%);

  --font-display: 'Caveat Brush', cursive;
  --font-body: 'Caveat Brush', Arial, sans-serif;
  --font-comic: 'Caveat Brush', cursive;
  --font-size-body: 1rem;
  --font-size-small: 0.875rem;
  --font-size-eyebrow: 0.78rem;
  --line-height-body: 1.55;
  --line-height-display: 1;

  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 1rem;
  --space-4: 1.5rem;
  --space-5: 2rem;
  --space-6: 3rem;
  --space-7: 4rem;
  --layout-max: 1320px;
}