:root {
    --ag-bg: #f6f8fb;
    --ag-surface: #ffffff;
    --ag-surface-muted: #eef2f6;
    --ag-ink: #0b1f3a;
    --ag-ink-soft: #334155;
    --ag-muted: #64748b;
    --ag-line: #d8dee8;
    --ag-silver: #8b96a3;
    --ag-accent: #1d4ed8;
    --ag-accent-soft: #dbeafe;
    --ag-success: #047857;
    --ag-warning: #b45309;
    --ag-danger: #b91c1c;
    --ag-radius-sm: 10px;
    --ag-radius-md: 16px;
    --ag-radius-lg: 24px;
    --ag-font-sans: Inter, Arial, sans-serif;
}

.ag-brand-logo {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    color: var(--ag-ink);
    font-family: var(--ag-font-sans);
    font-weight: 700;
    letter-spacing: 0.08em;
    text-decoration: none;
    text-transform: uppercase;
}

.ag-brand-logo img {
    display: block;
    height: 42px;
    width: auto;
}

.ag-brand-kicker {
    color: var(--ag-accent);
    font-size: 0.78rem;
    font-weight: 700;
    letter-spacing: 0.14em;
    text-transform: uppercase;
}

.ag-brand-card {
    background: var(--ag-surface);
    border: 1px solid var(--ag-line);
    border-radius: var(--ag-radius-lg);
}