:root {
    --brand-primary: #fe0000;
    --brand-primary-hover: #cb0000;
    --brand-secondary: #60a7d5;
    --brand-accent: #ff9800;

    --ink-900: #111827;
    --ink-800: #1f2937;
    --ink-700: #333333;
    --ink-600: #212529;
    --ink-500: #6b7280;

    --surface-0: #ffffff;
    --surface-50: #f8f9fa;
    --surface-100: #f3f4f6;
    --surface-200: #dddada;

    --border-100: #e5e7eb;
    --border-200: #d0d0d0;
    --border-900: #2a303b;

    --white: #ffffff;
    --black: #000000;

    --link-primary: #003399;

    --state-error: #e13300;
    --state-error-strong: #990000;
    --state-success: #28a745;
    --state-danger: #dc3545;

    --rgb-black: 0, 0, 0;
    --rgb-white: 255, 255, 255;
    --rgb-focus: 30, 58, 138;
    --rgb-secondary: 59, 130, 246;

    --overlay-ink-20: rgba(var(--rgb-black), 0.2);
    --overlay-ink-10: rgba(var(--rgb-black), 0.1);
    --overlay-surface-90: rgba(var(--rgb-white), 0.9);
    --overlay-surface-60: rgba(var(--rgb-white), 0.6);
    --overlay-surface-50: rgba(var(--rgb-white), 0.5);
    --overlay-surface-10: rgba(var(--rgb-white), 0.1);
    --overlay-surface-05: rgba(var(--rgb-white), 0.05);

    --shadow-sm: 0 1px 3px rgba(var(--rgb-black), 0.1);
    --shadow-md: 0 4px 6px rgba(var(--rgb-black), 0.1);
    --shadow-lg: 0 10px 15px rgba(var(--rgb-black), 0.1);
    --shadow-primary: 0 4px 12px rgba(var(--rgb-focus), 0.3);
    --shadow-primary-focus: 0 0 0 0.2rem rgba(var(--rgb-focus), 0.25);
    --shadow-card-15: 0 15px 40px rgba(var(--rgb-black), 0.15);
    --shadow-card-20: 0 15px 40px rgba(var(--rgb-black), 0.2);
    --shadow-heavy: 0 1rem 3rem rgba(var(--rgb-black), 0.175);
    --shadow-soft: 0 2px 10px rgba(var(--rgb-black), 0.1);

    --icon-valid: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");

    --energy-a-plusplus: #00a651;
    --energy-a-plus: #4cb748;
    --energy-a: #8dc63f;
    --energy-b: #fff200;
    --energy-c: #ffcb05;
    --energy-d: #f7941d;
    --energy-e: #f26522;
    --energy-f: #ed1c24;
    --energy-g: #951b1e;

}