/**
 * Visual tokens measured from the legacy template and active style parameters.
 * Values remain explicit to make later parity adjustments auditable.
 */

:root {
    --color-brand: #00a499;
    --color-brand-topbar: #02a499;
    --color-brand-dark: #01615d;
    --color-brand-ink: #004542;
    --color-accent: #c3d600;
    --color-accent-text: #00609c;
    --color-text: #000000;
    --color-text-muted: #555555;
    --color-surface: #ffffff;
    --color-surface-muted: #f5f5f5;
    --color-surface-form: #f2f2f2;
    --color-border: #dddddd;
    --color-focus: #00609c;
    --font-body: "Open Sans", Arial, sans-serif;
    --font-heading: "Magra", "Open Sans", Arial, sans-serif;
    --font-size-body: 14px;
    --line-height-body: 24px;
    --font-size-h1: 36px;
    --font-size-h2: 30px;
    --font-size-h3: 24px;
    --font-size-h4: 18px;
    --font-size-h5: 14px;
    --font-size-h6: 12px;
    --container-max: 1300px;
    --gutter: 30px;
    --header-height: 90px;
    --topbar-padding: 7px;
    --main-padding: 100px;
    --radius-small: 4px;
    --radius-button: 6px;
    --radius-panel: 12px;
    --shadow-header: 0 3px 3px rgba(0, 0, 0, 0.05);
    --shadow-dropdown: 0 3px 5px rgba(0, 0, 0, 0.2);
    --transition-standard: 400ms ease;
}