:root {
    --brand-ivory: #f6f2ea;
    --brand-ivory-soft: #fbfaf6;
    --brand-surface: #ffffff;
    --brand-surface-soft: #f7f3eb;
    --brand-navy: #102a5a;
    --brand-navy-deep: #0a214f;
    --brand-navy-strong: #123a86;
    --brand-gold: #d6a737;
    --brand-gold-strong: #b68627;
    --brand-gold-soft: #f4ebd0;
    --brand-text: #102a5a;
    --brand-text-muted: #647594;
    --brand-border: rgba(16, 42, 90, 0.1);
    --brand-border-strong: rgba(16, 42, 90, 0.16);
    --brand-shadow: 0 20px 45px -34px rgba(16, 42, 90, 0.55);
    --brand-shadow-strong: 0 28px 50px -28px rgba(11, 42, 102, 0.82);
    --brand-success: #17b26a;
    --brand-danger: #dc2626;
}

.brand-surface-card {
    background: rgba(255, 255, 255, 0.9);
    border: 1px solid var(--brand-border);
    box-shadow: var(--brand-shadow);
}

.brand-dark-panel {
    background: linear-gradient(180deg, var(--brand-navy-deep) 0%, var(--brand-navy) 100%);
    border: 1px solid rgba(255, 255, 255, 0.08);
    box-shadow: var(--brand-shadow-strong);
}

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

.brand-gradient-text {
    background: linear-gradient(135deg, var(--brand-navy) 0%, var(--brand-gold) 100%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}