/* BrainHealth Pulse design tokens, copied from reference/design-system/tokens.json.
   This is the only CSS file that holds raw color values. */
:root {
    /* color: color.tokens (light theme) */
    --primary-900: #037DBA;
    --primary-700: #039BE5;
    --primary-500: #68C3EF;
    --primary-300: #CDEBFA;
    --primary-100: #F2FAFE;
    --neutral-900: #231F20;
    --neutral-700: #4F4C4D;
    --neutral-500: #7B7979;
    --neutral-300: #D3D2D2;
    --neutral-100: #F5F6FA;
    --neutral-0: #FFFFFF;
    --error-900: #D11111;
    --error-pressed: #FFA8A8;
    --error-illustration: #FFDCDC;
    --clarity-900: #7B1FA2;
    --clarity-500: #7B1FA280;
    --clarity-100: #7B1FA233;
    --emotional-900: #E91E7F;
    --emotional-500: #E91E7F80;
    --emotional-100: #E91E7F33;
    --connectedness-900: #1FA2A2;
    --connectedness-500: #1FA2A280;
    --connectedness-100: #1FA2A233;
    --emerging-900: #FFCA28;
    --emerging-500: #FFCA2880;
    --emerging-100: #FFCA2833;
    --success-900: var(--connectedness-900);
    --tree-900: #27856E;
    --tree-500: #27856E80;
    --tree-100: #27856E33;
    --training-flower: #F5A950;
    --habit-fruit: #F68179;
    --resource-acorn: #8B5E4B;
    --pulse-primary: #FF9797;
    --pulse-secondary: #FFDBDB;

    /* type: type.families (Museo Sans is listed first so licensed font files are picked up when added) */
    --font-serif: Georgia, 'Times New Roman', serif;
    --font-sans: 'Museo Sans', 'Nunito Sans', system-ui, sans-serif;

    /* spacing: spacing.tokens */
    --space-button-x: 24px;
    --space-button-y: 8px;
    --space-button-gap: 8px;
    --space-gutter: 16px;
    --space-margin-small: 24px;
    --space-margin-large: 40px;

    /* radius: radius.tokens */
    --radius-pill: 64px;
    --radius-card: 4px;

    /* shadow: shadow.tokens */
    --shadow-card: 0 4px 4px 0 #0000000d;
    --shadow-multi-choice: 0 2px 8px 0 #00000033;
    --shadow-modal: 0 4px 28px 0 #0000001a;
    --shadow-scrolling: 0 -2px 28px 0 #00000026;
    /* Not in tokens.json: the docked agent panel's left-cast shadow, in the shadow-modal color (Requirement 29.2, Board A2.1) */
    --shadow-panel: -4px 0 28px 0 #0000001a;

    /* size: size.tokens */
    --size-button-lg: 48px;
    --size-button-sm: 40px;

    /* layout: layout.tokens */
    --grid-small-min: 320px;
    --grid-small-max: 672px;
    --grid-small-columns: 4;
    --grid-large-min: 1056px;
    --grid-large-max: 1312px;
    --grid-large-columns: 12;
}