:root {
    --bx-graphite: #101313;
    --bx-deep-green: #073c36;
    --bx-midnight: #123047;
    --bx-mint: #67f5a8;
    --bx-warm-white: #f7f8f5;

    --bx-text: var(--bx-warm-white);
    --bx-text-secondary: #b3bab7;
    --bx-text-muted: #8b9390;
    --bx-on-mint: var(--bx-graphite);

    --bx-surface: #151a19;
    --bx-surface-raised: #1b2221;
    --bx-surface-green-glow: rgba(7, 60, 54, 0.55);
    --bx-overlay-petrol: rgba(7, 60, 54, 0.5);
    --bx-card-hover-bg: rgba(7, 60, 54, 0.32);
    --bx-footer-glow: rgba(7, 60, 54, 0.3);

    --bx-border: rgba(247, 248, 245, 0.12);
    --bx-border-strong: rgba(247, 248, 245, 0.24);
    --bx-border-mint: rgba(103, 245, 168, 0.4);

    --bx-hover: var(--bx-mint);
    --bx-hover-light: #8ff9bd;
    --bx-hover-soft: rgba(103, 245, 168, 0.12);
    --bx-active: var(--bx-mint);

    --bx-focus-outline: 2px solid var(--bx-mint);
    --bx-focus-offset: 4px;

    --bx-duration: 0.25s;
    --bx-ease: cubic-bezier(0.2, 0.7, 0.2, 1);
}