/* Ukrainian Science Diaspora — brand color tokens. SINGLE SOURCE OF TRUTH.
   Every brand color lives here only. Templates use semantic Tailwind classes
   (text-dark-blue, bg-blue, border-yellow, …) that resolve to these variables,
   so re-theming the whole site means editing this one block — no template edits,
   no Tailwind rebuild needed (values are read live by the browser).
   Values are space-separated RGB channels so Tailwind opacity modifiers work,
   e.g. bg-dark-blue/20, text-blue/60. */
:root {
    --color-light:      252 252 252;  /* #FCFCFC  near-white base */
    --color-seasalt:    248 248 248;  /* #F8F8F8  subtle section bg */
    --color-light-gray: 216 216 216;  /* #D8D8D8  content blocks / tables */
    --color-blue:         0  87 183;  /* #0057B7  primary */
    --color-light-blue: 161 218 248;  /* #A1DAF8  auxiliary bg / infographics */
    --color-yellow:     255 215   0;  /* #FFD700  primary accent */
    --color-dark-blue:   10  35  75;  /* #0A234B  secondary accent / nav / dividers */
    --color-dark:        43  39  39;  /* #2B2727  body text */

    /* Functional state colors — NOT part of the brand accent palette.
       The brandbook defines no error/success color, but forms need them.
       Used only for validation errors and success messages, nothing decorative. */
    --color-danger:     197  48  48;  /* error / validation */
    --color-success:     47 133  90;  /* success / confirmation */
}