:root {
    --brand-primary: #ff7a18;
    --brand-primary-rgb: 255 122 24;
    --brand-primary-dark: #d86107;
    --brand-primary-dark-rgb: 216 97 7;
    --brand-primary-gradient: linear-gradient(135deg, #ff7a18 0%, #ffae35 100%);
    --brand-primary-warm-gradient: linear-gradient(135deg, #ff7043 0%, #ff9f68 100%);
    --brand-primary-alt-gradient: linear-gradient(120deg, #ff8540 0%, #ffb067 100%);
    --brand-primary-alpha-04: rgb(var(--brand-primary-rgb) / 0.04);
    --brand-primary-alpha-08: rgb(var(--brand-primary-rgb) / 0.08);
    --brand-primary-alpha-12: rgb(var(--brand-primary-rgb) / 0.12);
    --brand-primary-alpha-15: rgb(var(--brand-primary-rgb) / 0.15);
    --brand-primary-alpha-18: rgb(var(--brand-primary-rgb) / 0.18);
    --brand-primary-alpha-24: rgb(var(--brand-primary-rgb) / 0.24);
    --brand-primary-alpha-35: rgb(var(--brand-primary-rgb) / 0.35);

    --brand-secondary: #2f3d51;
    --brand-secondary-rgb: 47 72 88;
    --brand-secondary-alt: #2f4858;
    --brand-secondary-alpha-04: rgb(var(--brand-secondary-rgb) / 0.04);
    --brand-secondary-alpha-08: rgb(var(--brand-secondary-rgb) / 0.08);
    --brand-secondary-alpha-12: rgb(var(--brand-secondary-rgb) / 0.12);
    --brand-secondary-alpha-15: rgb(var(--brand-secondary-rgb) / 0.15);
    --brand-secondary-alpha-18: rgb(var(--brand-secondary-rgb) / 0.18);
    --brand-secondary-alpha-25: rgb(var(--brand-secondary-rgb) / 0.25);
    --brand-muted: #596679;
    --brand-muted-rgb: 89 102 121;
    --brand-muted-alt: #5a6678;
    --brand-muted-warm: #6b605a;

    --brand-gray-900: #0f172a;
    --brand-gray-900-rgb: 15 23 42;
    --brand-gray-800: #1e293b;
    --brand-gray-700: #334155;
    --brand-gray-600: #475569;
    --brand-gray-500: #64748b;

    --brand-night: #101018;
    --brand-night-rgb: 16 16 24;
    --brand-navy-rgb: 10 16 25;
    --brand-slate-rgb: 29 33 45;

    --brand-black: #000000;
    --brand-black-rgb: 0 0 0;
    --brand-white: #ffffff;
    --brand-white-rgb: 255 255 255;

    --brand-surface: #ffffff;
    --brand-surface-soft: #f4f7f8;
    --brand-surface-warm: #fff6ed;
    --brand-surface-muted: #f9fafc;
    --brand-surface-alt: #fdfdfd;
    --brand-surface-ghost: #fafafa;
    --brand-surface-tint: #f5f5f5;
    --brand-surface-subtle: #f5f7fa;
    --brand-surface-wash: #f9fbfc;

    --brand-border-soft: #e2e8f0;
    --brand-border-lighter: #edf2f7;
    --brand-border-muted: #d9dfe6;
    --brand-border-neutral: #e2e2e2;
    --brand-gray-300: #d9d9d9;
    --brand-gray-200: #f3f3f3;
    --brand-gray-100: #f2f2f2;

    --brand-shadow-lg: 0 28px 60px rgba(39, 60, 92, 0.16);
    --brand-shadow-md: 0 18px 32px rgba(47, 72, 88, 0.12);
    --brand-shadow-card: 0 42px 80px rgba(23, 37, 63, 0.22);
    --brand-shadow-soft: 0 20px 60px rgb(var(--brand-gray-900-rgb) / 0.08);

    --brand-success: #0f9d58;
    --brand-success-rgb: 15 157 88;
    --brand-danger: #dc2626;
    --brand-danger-rgb: 220 38 38;
    --brand-warning: #ffce73;
    --brand-warning-soft: #fff7e8;

    --brand-info-soft: #cbd5f5;
    --brand-info-alt: #dce4f7;
    --brand-info-muted: #d9e0eb;
    --brand-info-warm: #f5f7fa;

    --brand-forest: #14532d;
    --brand-crimson: #7f1d1d;
    --brand-stone: #4a5b71;
    --brand-stone-light: #7a8798;
    --brand-amber-soft: #fff7e8;
    --brand-amber-pastel: #ffd4a8;
    --brand-amber-bright: #ffce73;
    --brand-ivory: #fff7ef;
    --brand-cream: #fdfdfd;
    --brand-pearl: #fafafa;
    --brand-cloud: #d9d9d9;
    --brand-cloud-soft: #f3f3f3;
    --brand-cloud-tint: #fafafa;

    --accent-sunrise: #ff9933;
    --accent-amber: #ffa347;
    --accent-amber-soft: #ffd4a8;
    --accent-rose: #ff7a18;
    --accent-rose-rgb: 255 122 24;

    --calendar-green: #d1ffe6;
    --calendar-violet: #d7b5fe;
    --calendar-sky: #e2f8ff;
    --calendar-sun: #fafaa3;
    --calendar-coral: #ffd3c3;

    --brand-login-bg-rgb: 245 249 252;
    --brand-orange-soft-rgb: 255 180 90;
    --brand-amber-bright-rgb: 255 201 108;
    --brand-slate-dark-rgb: 26 27 35;
    --brand-slate-deep-rgb: 29 33 45;
    --brand-steel-rgb: 47 48 58;
}

.btn-brand {
    appearance: none;
    border: none;
    border-radius: 999px;
    padding: 14px 22px;
    font-size: 15px;
    font-weight: 600;
    color: var(--brand-surface);
    background: var(--brand-primary-gradient);
    cursor: pointer;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.btn-brand:hover,
.btn-brand:focus {
    transform: translateY(-1px);
    box-shadow: 0 20px 34px rgba(255, 122, 24, 0.28);
    outline: none;
}

.badge-soft {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 6px 14px;
    border-radius: 999px;
    background: var(--brand-primary-alpha-12);
    color: var(--brand-primary-dark);
    font-weight: 600;
    font-size: 13px;
    text-transform: uppercase;
    letter-spacing: 0.08em;
}

.badge-soft--secondary {
    background: rgba(47, 72, 88, 0.12);
    color: var(--brand-secondary);
}

.card-elevated {
    background: var(--brand-surface);
    border-radius: 24px;
    box-shadow: var(--brand-shadow-lg);
    border: 1px solid rgba(255, 255, 255, 0.6);
}