/* EnvCnslt Design Tokens
 *
 * Shared CSS custom properties for all pages.
 * Link this file BEFORE page-specific stylesheets.
 */

:root {
    /* Primary — Coastal sage (Baccharis pilularis) */
    --color-primary: #4A5D4F;
    --color-primary-hover: #5A6E5F;
    --color-primary-light: #EFF4EE;
    --color-primary-muted: #8E9C90;

    /* Surfaces — warm neutral */
    --color-surface: #FAFAF8;
    --color-card: #ffffff;

    /* Text — warm earth */
    --color-text: #2C2520;
    --color-text-secondary: #6B5E54;
    --color-text-muted: #A09488;

    /* Borders — warm stone */
    --color-border: #E6E0D8;
    --color-border-light: #F2EDE8;

    /* Semantic — badges & status */
    --color-red: #8B3A2F;
    --color-red-bg: #FDF2F0;
    --color-red-border: #F0C9C3;
    --color-amber: #92400e;
    --color-amber-bg: #fffbeb;
    --color-amber-border: #fde68a;
    --color-green: #5E7A5A;
    --color-green-bg: #EFF4EE;
    --color-green-border: #C4D8C0;
    --color-sky: #0c4a6e;
    --color-sky-bg: #f0f9ff;
    --color-sky-border: #bae6fd;

    /* Golden accent — headlands golden hour */
    --color-golden: #B8860B;

    /* Typography — Instrument Sans (headings/UI) + IBM Plex Sans (body/content) */
    --font: 'Instrument Sans', 'IBM Plex Sans', -apple-system, BlinkMacSystemFont, system-ui, sans-serif;
    --font-body: 'IBM Plex Sans', -apple-system, BlinkMacSystemFont, system-ui, sans-serif;
    --font-mono: 'SF Mono', 'Fira Code', 'Consolas', monospace;

    /* Radii — tighter for professional feel */
    --radius: 6px;
    --radius-sm: 4px;

    /* Shadows — warm tint */
    --shadow: 0 1px 3px rgba(44, 37, 32, 0.06), 0 1px 2px rgba(44, 37, 32, 0.04);
    --shadow-md: 0 4px 6px rgba(44, 37, 32, 0.07), 0 2px 4px rgba(44, 37, 32, 0.04);
}