/* _shared/css/tokens.css — design tokens shared across the three sites.
   Each site overrides --color-accent / --color-accent-light / --color-accent-bg
   in its own inline <style> or per-site theme file. */

:root {
    /* Ink — typography colours */
    --color-ink:        #1a1a1a;
    --color-ink-light:  #5a5a5a;
    --color-ink-muted:  #8a8a8a;

    /* Surfaces — backgrounds */
    --color-surface:      #fafaf8;
    --color-surface-warm: #f3f1ec;
    --color-white:        #ffffff;

    /* Accent — per-site override.
       Defaults to Dexo green; specta-site overrides to steel blue,
       synaps-site overrides to violet. */
    --color-accent:       #2d5a3d;
    --color-accent-light: #3a7a52;
    --color-accent-bg:    #eef4f0;

    /* Borders */
    --color-border: #e0ddd6;

    /* Typography */
    --font-serif: 'Instrument Serif', Georgia, serif;
    --font-sans:  'DM Sans', -apple-system, sans-serif;

    /* Layout */
    --max-width: 960px;

    /* Spacing scale */
    --space-xs: 0.5rem;
    --space-sm: 1rem;
    --space-md: 2rem;
    --space-lg: 4rem;
    --space-xl: 6rem;
}