/* Aiden foundations. Components consume semantic tokens, not brand hex values. */
@font-face {
    font-family: "Aiden Display";
    src: url("fonts/Amberes-Grotesk.otf") format("opentype");
    font-style: normal;
    font-weight: 400;
    font-display: swap;
}
@font-face {
    font-family: Ubuntu;
    src: url("fonts/Ubuntu-Regular.ttf") format("truetype");
    font-style: normal;
    font-weight: 400;
    font-display: swap;
}
@font-face {
    font-family: Ubuntu;
    src: url("fonts/Ubuntu-Medium.ttf") format("truetype");
    font-style: normal;
    font-weight: 500;
    font-display: swap;
}
@font-face {
    font-family: Ubuntu;
    src: url("fonts/Ubuntu-Bold.ttf") format("truetype");
    font-style: normal;
    font-weight: 700;
    font-display: swap;
}
@font-face {
    font-family: Ubuntu;
    src: url("fonts/Ubuntu-Italic.ttf") format("truetype");
    font-style: italic;
    font-weight: 400;
    font-display: swap;
}
@font-face {
    font-family: Ubuntu;
    src: url("fonts/Ubuntu-MediumItalic.ttf") format("truetype");
    font-style: italic;
    font-weight: 500;
    font-display: swap;
}
@font-face {
    font-family: Ubuntu;
    src: url("fonts/Ubuntu-BoldItalic.ttf") format("truetype");
    font-style: italic;
    font-weight: 700;
    font-display: swap;
}
:root {
    --aiden-royal: #3c5279;
    --aiden-sapphire: #2446e8;
    --aiden-limelight: #bfd730;
    --aiden-limelight-hover: #c9dd4f;
    --aiden-warm-black: #32363d;
    --aiden-cool-grey: #d3dae1;
    --aiden-off-white: #f5f6f2;
    --aiden-pink: #ed3f91;
    --aiden-success-bright: #20b968;
    --aiden-font-body: Ubuntu, Arial, sans-serif;
    --aiden-font-display: "Aiden Display", Ubuntu, Arial, sans-serif;
    --of-text: var(--aiden-warm-black);
    --of-muted: #58657a;
    --of-heading: var(--aiden-royal);
    --of-canvas: #fff;
    --of-surface: #fff;
    --of-subtle: #f6f7f9;
    --of-topbar: color-mix(in srgb, white 94%, var(--aiden-royal));
    --of-blue-soft: #e8f1ff;
    --of-pink: var(--aiden-pink);
    --of-pink-soft: #ffe8f2;
    --of-confidence-review: #b83208;
    --of-confidence-review-border: #ff884d;
    --of-confidence-review-bg: #fff0e8;
    --of-mint-soft: #e4f8ec;
    --of-lime-soft: #f2f8d7;
    --of-border: var(--aiden-cool-grey);
    --of-border-strong: #929fb3;
    --of-focus: var(--aiden-royal);
    --of-focus-halo: #3c527926;
    --of-selection: #eaf0f6;
    --of-link: var(--aiden-royal);
    --of-action: var(--aiden-limelight);
    --of-action-hover: var(--aiden-limelight-hover);
    --of-on-action: var(--aiden-warm-black);
    --of-inverse: var(--aiden-royal);
    --of-on-inverse: #fff;
    --of-success: #176332;
    --of-success-bg: #eaf8ee;
    --of-success-border: #a7dfb7;
    --of-danger: #b42318;
    --of-danger-bg: #fff0ef;
    --of-danger-border: #efb4af;
    --of-warning: #80530b;
    --of-warning-bg: #fff5e5;
    --of-orange: #ffc06e;
    --of-orange-strong: #6b3b00;
    --of-orange-soft: #fff8ee;
    --of-orange-border: #e5a449;
    --of-control-radius: 8px;
    --of-panel-radius: 12px;
    --of-panel-shadow: 0 2px 8px #32363d04;
    --of-overlay-shadow: 0 16px 48px #32363d26;
    --of-space-1: .25rem;
    --of-space-2: .5rem;
    --of-space-3: .75rem;
    --of-space-4: 1rem;
    --of-space-6: 1.5rem;
    --of-space-8: 2rem;
    --of-page-title-size: clamp(2rem, 3vw, 2.65rem);
    --bs-body-font-family: var(--aiden-font-body);
    --bs-body-color: var(--of-text);
    --bs-body-bg: var(--of-canvas);
    --bs-primary: var(--of-action);
    --bs-link-color: var(--of-link);
    --bs-link-hover-color: var(--of-text);
}