:root {
    --af-color-primary: #172334;
    --af-color-primary-hover: #243851;
    --af-color-secondary: #284a61;
    --af-color-accent: #e01f31;
    --af-color-link: #2456d8;
    --af-color-success: #16835d;
    --af-color-danger: #c91e32;
    --af-color-page: #f4f6f8;
    --af-color-surface: #ffffff;
    --af-color-text: #172334;
    --af-color-muted: #657184;
    --af-color-soft: #8e98a7;
    --af-color-border: #dfe4ea;
    --af-color-tint: #edf2ff;
    --af-control-primary-bg: #172334;
    --af-control-primary-hover: #243851;
    --af-control-primary-text: #ffffff;
    --af-control-secondary-bg: #ffffff;
    --af-control-secondary-hover: #f4f6f8;
    --af-control-secondary-text: #172334;
    --af-control-disabled-bg: #e8edf3;
    --af-control-disabled-text: #8b96a5;
    --af-chip-neutral-bg: #f0f2f5;
    --af-chip-neutral-text: #657184;
    --af-chip-success-bg: #e9f8f2;
    --af-chip-success-text: #16835d;
    --af-chip-accent-bg: #f8e9eb;
    --af-chip-accent-text: #bf2932;
    --af-font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    --af-radius-sm: 9px;
    --af-radius-md: 14px;
    --af-radius-lg: 22px;
    --af-shadow-card: 0 22px 70px rgba(19, 31, 49, .12);
    --af-space-1: 4px;
    --af-space-2: 8px;
    --af-space-3: 12px;
    --af-space-4: 16px;
    --af-space-5: 20px;
    --af-space-6: 24px;
    --af-space-8: 32px;
    --af-space-10: 40px;
    --af-transition-fast: 160ms ease;
    --af-brand-red: #bf2932;
    --af-brand-gray: #74777d;
    --af-brand-logo-full: url("../brand/astrofloors-logo-full.png");
    --af-brand-logo-mark: url("../brand/astrofloors-logo-mark.png");
    --af-sidebar-width: 244px;
    --af-content-max: 1480px;
}

html[data-af-theme="dark"] {
    color-scheme: dark;
    --af-color-primary: #3267d6;
    --af-color-primary-hover: #386fdc;
    --af-color-secondary: #89a5b9;
    --af-color-link: #8eb1ff;
    --af-color-page: #0d141e;
    --af-color-surface: #151f2c;
    --af-color-text: #edf2f7;
    --af-color-muted: #a6b2c2;
    --af-color-soft: #77869a;
    --af-color-border: #2a3747;
    --af-color-tint: #1b2d4a;
    --af-control-primary-bg: #3267d6;
    --af-control-primary-hover: #386fdc;
    --af-control-primary-text: #ffffff;
    --af-control-secondary-bg: #1b2735;
    --af-control-secondary-hover: #233246;
    --af-control-secondary-text: #edf2f7;
    --af-control-disabled-bg: #273343;
    --af-control-disabled-text: #8290a3;
    --af-chip-neutral-bg: #243244;
    --af-chip-neutral-text: #c8d3df;
    --af-chip-success-bg: #123d32;
    --af-chip-success-text: #72e0b8;
    --af-chip-accent-bg: #44242a;
    --af-chip-accent-text: #ff9aa3;
    --af-shadow-card: 0 22px 70px rgba(0, 0, 0, .28);
}