:root {
    --hob-primary-color: #0c2030;
    --hob-body-color: #0c2030;
    --hob-background-color: #ffffff;
    --hob-surface-color: #f6f6f4;
    --hob-accent-color: #6f6a5f;
    --hob-stars-color: #f5b301;

    --hob-heading-font: "HOB Heading", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    --hob-body-font: "HOB Body", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    --hob-serif-font: "HOB Editorial", Georgia, "Times New Roman", serif;

    --hob-radius-box: 0px;
    --hob-radius-button: 0px;
    --hob-radius-card: 0px;

    --hob-border-width: 1px;
    --hob-border-color: color-mix(in srgb, var(--hob-primary-color) 12%, transparent);

    --hob-container-width: 1760px;
    --hob-container-padding: clamp(16px, 2vw, 32px);

    --hob-section-padding: clamp(48px, 7vw, 96px);

    --hob-transition-fast: 180ms ease;
    --hob-transition-base: 260ms ease;
    --hob-transition-slow: 420ms ease;

    --hob-header-height: 115px;
    --hob-mobile-header-height: 86px;

    --hob-z-header: 100;
    --hob-z-overlay: 180;
    --hob-z-panel: 200;
    --hob-z-popup: 300;
}