:root {
    --font-sans: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    --font-display: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;

    --color-primary: #F05100;
    --color-neutral-black: #111827;

    --color-brand-500: #283bb8;
    --color-brand-600: #2027a1;
    --color-brand-700: #1b2188;

    --color-text-strong: #050505;
    --color-text-muted: #4c4c4c;
    --color-text-soft: #777777;
    --color-text-placeholder: #7b7b7b;

    --color-bg-page: #ffffff;
    --color-bg-panel: rgba(255, 255, 255, 0.34);
    --color-bg-field: rgba(255, 255, 255, 0.92);
    --color-bg-field-soft: #f2f3f8;
    --color-bg-button-soft: rgba(255, 255, 255, 0.70);

    --color-border-soft: rgba(255, 255, 255, 0.28);
    --color-border-line: rgba(0, 0, 0, 0.15);
    --color-danger: #ff1f1f;

    --shadow-panel: 0 18px 40px rgba(0, 0, 0, 0.08);
    --shadow-modal: 0 24px 70px rgba(0, 0, 0, 0.18);
}

html.font-sans,
html.font-sans body,
html.font-sans button,
html.font-sans input,
html.font-sans textarea,
html.font-sans select {
    font-family: var(--font-sans);
}

html.theme-reams {
    color-scheme: light;
}

.text-brand {
    color: var(--color-brand-500);
}

.bg-brand {
    background: var(--color-brand-600);
    color: #ffffff;
}

.border-brand {
    border-color: var(--color-brand-600);
}