/* Isobank design tokens. Every color and font size in the project's own stylesheets comes from here; templates use
   classes, never style="". Loaded first in base.html. Bootstrap's own --bs-* variables cover the framework parts. */
:root {
    /* Text roles */
    --iso-text: #000000;                /* body text on light surfaces, button labels */
    --iso-text-on-dark: #ffffff;        /* labels on dark green buttons */
    --iso-text-required: #872224;       /* required markers, field types, messages, descriptions */
    --iso-text-value: #127328;          /* valid values, value lists, selected-item headings */
    --iso-link: #007bff;                /* clickable icons (remove links) */

    /* Surfaces */
    --iso-surface: #ffffff;             /* plain rows inside striped tables */
    --iso-surface-stripe: #dddddd;      /* odd rows of search tables */
    --iso-surface-alt: #dadada;         /* alternate autocomplete rows */
    --iso-surface-button: #eeeeee;      /* neutral buttons */
    --iso-surface-button-hover: #aaaaaa;
    --iso-surface-positive: #ddffdd;    /* small green buttons */
    --iso-surface-positive-strong: #225b22; /* their hover state */
    --iso-surface-guide: #f5edd3;       /* field guide cards */
    --iso-surface-guide-alt: #f5f3eb;   /* alternate rows in the field guide */

    /* Lines */
    --iso-border: #777777;              /* button outlines */
    --iso-border-strong: #000000;       /* selected toggle, field-list frames */

    /* Loader */
    --iso-loader-track: #f3f3f3;
    --iso-loader-spinner: #3498db;

    /* Font sizes, smallest to largest */
    --iso-font-xxs: 8pt;
    --iso-font-xs: x-small;
    --iso-font-sm: small;
    --iso-font-smaller: smaller;
    --iso-font-md: 10pt;
    --iso-font-lg: 12pt;
    --iso-font-xl: 14pt;
    --iso-font-xxl: 24pt;
}