/*
 * BIAM design tokens — shared by all BIAM components (identical copy in each).
 * Palette derived from the CEA logo; text/UI colours checked against WCAG 2.2 AA.
 */
:root {
    /* Brand */
    --biam-brand: #80a939;          /* decorative only (stripes, icons) */
    --biam-primary: #476c1b;        /* actions, links — 6.2:1 on white */
    --biam-primary-dark: #3e6620;   /* hover / pressed */
    --biam-primary-soft: #f2f7e9;
    --biam-slate: #415b6a;
    --biam-slate-dark: #283f48;
    --biam-ink: #283f48;
    --biam-muted: #55656f;          /* 5.9:1 on white */
    --biam-line: #d9dee2;
    --biam-surface: #ffffff;
    --biam-canvas: #f5f6f4;
    /* Status */
    --biam-danger: #a71b24;
    --biam-danger-soft: #fbe9ea;
    --biam-success: #17612d;
    --biam-success-soft: #e3f3e8;
    --biam-warning: #7a4600;
    --biam-warning-soft: #fff0c2;
    --biam-info: #075d65;
    --biam-info-soft: #e1f1f2;
    --biam-orange: #bc6300;         /* focus ring / warnings; never as text on white below 4.5:1 */
    --biam-red: #a71b24;            /* legacy alias of --biam-danger */
    /* Shape & elevation */
    --biam-radius: 8px;
    --biam-gap: 20px;
    --biam-panel-padding: 20px;
    --biam-shadow: 0 3px 12px rgba(40, 63, 72, .08);
    --biam-shadow-hover: 0 8px 22px rgba(40, 63, 72, .14);
    --biam-focus: 3px solid #bc6300;
    --biam-font: Gotham, Montserrat, "Segoe UI", Arial, sans-serif;
    --biam-font-size: 15px;
    --biam-font-size-small: 13px;

    /* Legacy aliases (Stock / Consumption) */
    --biam-navy: var(--biam-slate);
    --biam-navy-dark: var(--biam-slate-dark);
    --biam-green: var(--biam-primary);
    --biam-green-dark: var(--biam-primary-dark);
    --biam-border: var(--biam-line);
    --biam-soft: var(--biam-canvas);
    --biam-text: var(--biam-ink);
    /* Legacy aliases (IT park) */
    --teal: var(--biam-info);
    --line: var(--biam-line);
}
@media (max-width: 782px) {
    :root { --biam-gap: 16px; --biam-panel-padding: 16px; }
}
@media (prefers-reduced-motion: reduce) {
    *, *::before, *::after { animation-duration: .01ms !important; transition-duration: .01ms !important; }
}
.biam-theme :focus-visible,
[class*="biam-"] :focus-visible,
[class*="biam-"]:focus-visible { outline: var(--biam-focus); outline-offset: 2px; }
:root {
    --biam-border-strong: #6f7f88;  /* input borders: 4:1 on white (WCAG 1.4.11) */
    --biam-surface-alt: #e9eef0;    /* table headers, zebra */
}