/* ==========================================================================
   CAIS Glossary — Shared design tokens (ITI brand)
   --------------------------------------------------------------------------
   Single source of truth for the tokens that are identical across the public
   site (styles.css) and the admin editor (admin.css). Load this BEFORE the
   page stylesheet in every HTML entry point.

   Tokens that intentionally differ between the two surfaces (typography scale,
   shadows, radius sm/md/lg, status colors, layout dimensions) stay local to
   each stylesheet — do not move them here.
   ========================================================================== */
:root {
    /* ITI Brand Colors */
    --color-primary: #00b2b8;
    --color-primary-dark: #009a9f;
    --color-secondary: #00599b;
    --color-bg-aquamarine: #e5f7f8;
    --color-bg-blue: #e9f5ff;
    --color-bg-grey: #e9e7e6;

    /* Neutral colors */
    --color-text: #000000;
    --color-text-muted: #404040;
    --color-text-light: #808080;
    --color-border: #c8cece;
    --color-bg: #f7fafc;
    --color-bg-white: #ffffff;

    /* Spacing */
    --spacing-xs: 0.25rem;
    --spacing-sm: 0.5rem;
    --spacing-md: 1rem;
    --spacing-lg: 1.5rem;
    --spacing-xl: 2rem;
    --spacing-2xl: 3rem;

    /* Typography family (size scales are per-surface) */
    --font-family: 'Source Sans 3', 'Source Sans Pro', Verdana, sans-serif;

    /* Shared primitives */
    --transition-fast: 0.15s ease;
    --radius-pill: 9999px;
}