:root {
    --color-primary: #222831;
    --color-primary-light: #43484F;
    --color-primary-dark: #1B2027;
    --color-primary-tint: rgba(34, 40, 49, 0.08);
    --color-primary-tint-light: rgba(34, 40, 49, 0.04);
    --color-primary-border: rgba(34, 40, 49, 0.15);
    --color-hero-overlay-start: rgba(34, 40, 49, 0.65);
    --color-hero-overlay-mid: rgba(25, 30, 36, 0.58);
    --color-hero-overlay-end: rgba(8, 10, 12, 0.75);
    --color-accent: #84CC16;
    --color-accent-hover: #70AD12;
    --color-accent-tint: rgba(132, 204, 22, 0.08);
    --color-accent-tint-light: rgba(132, 204, 22, 0.04);
    --color-accent-border: rgba(132, 204, 22, 0.40);
    --color-accent-focus: rgba(132, 204, 22, 0.12);
    --color-link-hover: #70AD12;
    --color-highlight: #F4C542;
    --color-highlight-dark: #C39D34;
    --color-highlight-tint: rgba(244, 197, 66, 0.10);
    --color-bg: #F6F7F8;
    --color-surface-alt: #F8FAF5;
    --color-card-bg: #F5FBEA;
    --color-card-hover: #EDF3E2;
    --color-overlay: rgba(0,0,0,0.50);
    --color-text: #222831;
    --color-text-muted: #5F6670;
    --color-text-subtle: #8B9199;
    --color-heading: #171B21;
    --color-link: #6DAA10;
    --color-border: rgba(34,40,49,0.12);
    --color-border-strong: rgba(34,40,49,0.20);
    --color-divider: rgba(34,40,49,0.08);
    --color-navbar-bg: #171B21;
    --color-navbar-border: rgba(255, 255, 255, 0.08);
    --color-header-text: #171B21;
    --color-footer-bg: #171B21;
    --color-footer-text: #BFC6CF;
    --color-button-primary-bg: #222831;
    --color-button-primary-hover: #1C2229;
    --color-button-primary-border: #222831;
    --color-button-secondary-bg: #84CC16;
    --color-button-secondary-hover: #70AD12;
    --color-button-secondary-border: #84CC16;
    --color-button-secondary-text: #1A1F17;
    --color-button-outline-text: #222831;
    --color-button-outline-border: #222831;
    --color-button-outline-hover-bg: rgba(34, 40, 49, 0.08);
    --color-button-disabled-bg: #D9DCE0;
    --color-button-disabled-text: #848A92;
    --color-button-disabled-border: #CCD0D5;
    --color-card-v1-header-bg: #222831;
    --color-card-v1-header-bg-dark: #1C2229;
    --color-card-v1-accent: #222831;
    --color-card-v1-accent-tint: rgba(34, 40, 49, 0.10);
    --color-card-v2-header-bg: #F4C542;
    --color-card-v2-header-bg-dark: #CFA738;
    --color-card-v2-header-text: #171B21;
    --color-card-v2-accent: #C99211;
    --color-card-v2-accent-tint: rgba(201, 146, 17, 0.10);
    --color-card-v3-header-bg: #5E8E10;
    --color-card-v3-header-bg-dark: #4F780D;
    --color-card-v3-accent: #5E8E10;
    --color-card-v3-accent-tint: rgba(94, 142, 16, 0.10);
    --color-input-text: #222831;
    --color-input-placeholder: #8B9199;
    --color-input-focus: #84CC16;
    --color-input-focus-ring: rgba(132, 204, 22, 0.15);
    --color-input-label: #171B21;
    --color-input-help-text: #5F6670;
    --color-input-disabled-bg: #F3F5F6;
    --color-input-disabled-text: #8B9199;
    --color-input-disabled-border: rgba(34,40,49,0.10);
    --color-badge-open: #5E8E10;
    --color-badge-open-bg: rgba(132,204,22,0.12);
    --color-badge-flex: #C99211;
    --color-badge-flex-bg: rgba(201,146,17,0.12);
    --color-success: #4E9A0F;
    --color-success-bg: rgba(78, 154, 15, 0.10);
    --color-success-border: rgba(78, 154, 15, 0.22);
    --color-warning: #C99211;
    --color-warning-bg: rgba(201, 146, 17, 0.12);
    --color-warning-border: rgba(201, 146, 17, 0.24);
    --color-info: #3B4A5A;
    --color-info-bg: rgba(59, 74, 90, 0.08);
    --color-info-border: rgba(59, 74, 90, 0.40);
}