/* Core.Design.Tokens: shared semantic contract for web/blazor surfaces. */
:root {
    --cds-font-family-base: "Barlow", "Inter", "Segoe UI", system-ui, -apple-system, sans-serif;
    --cds-font-size-xs: 0.6875rem;
    --cds-font-size-sm: 0.75rem;
    --cds-font-size-body: 0.8125rem;
    --cds-font-size-md: 0.875rem;
    --cds-font-size-lg: 1rem;
    --cds-font-size-h4: 1.125rem;
    --cds-font-size-h3: 1.25rem;
    --cds-font-size-h2: 1.375rem;
    --cds-font-size-h1: 1.5rem;
    --cds-font-size-display: 1.75rem;
    --cds-font-size-data-value: 1.875rem;
    --cds-text-scale-small: 90%;
    --cds-text-scale-default: 100%;
    --cds-text-scale-large: 110%;
    --cds-text-scale-xlarge: 120%;

    --cds-brand-accent: #55aaff;
    --cds-brand-accent-hover: #3d99ee;
    --cds-brand-on-accent: #ffffff;

    --cds-surface-page: #f8fafc;
    --cds-surface-toolbar: #f5f5f5;
    --cds-surface-status: #f0f0f0;
    --cds-surface-card: #ffffff;

    --cds-border-default: #e0e0e0;

    --cds-text-primary: #1e1e1e;
    --cds-text-secondary: #6e6e6e;
    --cds-text-tertiary: #4e4e4e;

    --cds-semantic-success: #28a745;
    --cds-semantic-warning: #ffc107;
    --cds-semantic-danger: #dc3545;

    --cds-size-brand-accent-bar-height: 10px;
    --cds-size-status-font: 11px;
}

html[data-text-scale="small"] {
    font-size: 14px;
}

html,
html[data-text-scale="default"] {
    font-size: 16px;
}

html[data-text-scale="large"] {
    font-size: 17px;
}

html[data-text-scale="xlarge"] {
    font-size: 18px;
}

html[data-theme="dark"] {
    --cds-surface-page: #060c15;
    --cds-surface-toolbar: #252526;
    --cds-surface-status: #252526;
    --cds-surface-card: #2d2d30;

    --cds-border-default: #3f3f46;

    --cds-text-primary: #ffffff;
    --cds-text-secondary: #a0a0a0;
    --cds-text-tertiary: #c0c0c0;
}

/* Backward-compatible aliases for OfferRunner Admin Portal retrofit. */
:root {
    --or-admin-font-family: var(--cds-font-family-base);
    --or-admin-body-font-size: var(--cds-font-size-body);
    --or-admin-caption-font-size: var(--cds-font-size-xs);
    --or-admin-title-font-size: var(--cds-font-size-h1);
    --portal-brand-accent: var(--cds-brand-accent);
    --portal-brand-accent-hover: var(--cds-brand-accent-hover);
    --portal-brand-on-accent: var(--cds-brand-on-accent);
    --portal-brand-accent-bar-height: var(--cds-size-brand-accent-bar-height);
}