/* Design tokens — shared by admin and public stylesheets. */

:root {
    /* Brand */
    --brand: #00457d;
    --brand-2: #336a97;
    --brand-deep: #1a588a;
    --brand-darker: #174f7d;

    /* Surfaces & borders */
    --bg-admin: #f4f6f8;
    --surface: #fff;
    --surface-muted: #e6ecf2;
    --surface-hover: #eaf1f7;
    --border: #ccdae5;
    --border-soft: #cccccc;

    /* Text */
    --text: #222;
    --text-content: #1a1a1a;
    --text-muted: #666;
    --link-content: #195889;

    /* State */
    --err: #b00020;
    --err-bg: #fde7ea;
    --err-border: #f3b6bf;
    --ok: #0a7d2c;
    --ok-bg: #e3f5ea;
    --ok-border: #b6e0c2;
    --alert: #c0392b;
    --alert-bg: #fdf2f0;
    --info: #0b5394;
    --info-bg: #e8f0f9;
    --info-border: #b8d0e6;
    --warn: #8a5a00;
    --warn-bg: #fff7e0;
    --warn-border: #f0c674;

    /* Radii & shadows */
    --radius: 4px;
    --radius-card: 6px;
    --radius-pill: 10px;
    --shadow-card: 0 4px 18px rgba(0, 69, 125, 0.08);
}