:root {
    /* Brand */
    --hi-primary: #405F7A;
    --hi-primary-dark: #29465B;
    --hi-primary-soft: #EAF0F4;
    --hi-accent: #C78952;
    /* Neutrals */
    --hi-background: #F7F4EF;
    --hi-surface: #FFFFFF;
    --hi-surface-subtle: #FAF8F5;
    --hi-border: #DED8CF;
    --hi-border-strong: #C9C1B7;
    /* Text */
    --hi-text: #28343C;
    --hi-text-secondary: #5E6A71;
    --hi-text-muted: #7C868C;
    /* Semantic */
    --hi-success: #68846B;
    --hi-success-soft: #EEF4EE;
    --hi-danger: #9A4F4F;
    --hi-danger-soft: #F9EEEE;
    /* Effects */
    --hi-shadow: rgba(40, 52, 60, 0.14);
    /* Type */
    --hi-font: "Segoe UI Variable Text", "Segoe UI", system-ui, -apple-system, "Helvetica Neue", Arial, sans-serif;
}

body {
    margin: 0;
    color: var(--hi-text);
    background: var(--hi-background);
    font-family: var(--hi-font);
}