/* ARSVOIM_BRAND_V2_TOKENS_3_2_0
 * Shared visual contract. Values only: components belong in components.css.
 */
:root {
    --av2-font-sans: "Segoe UI Variable", "Segoe UI", Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Arial, sans-serif;
    --av2-ink-950: #111827;
    --av2-ink-800: #263244;
    --av2-ink-600: #536176;
    --av2-ink-500: #6b778c;
    --av2-surface-0: #ffffff;
    --av2-surface-25: #fbfcfe;
    --av2-surface-50: #f5f7fb;
    --av2-surface-100: #eef2f7;
    --av2-line: #dce2eb;
    --av2-line-strong: #c8d1de;
    --av2-brand-700: #5138cc;
    --av2-brand-600: #6246ea;
    --av2-brand-500: #7257f4;
    --av2-blue-600: #087dcc;
    --av2-blue-500: #1297e8;
    --av2-success-700: #087443;
    --av2-success-100: #e8f7ef;
    --av2-warning-700: #8b5a08;
    --av2-warning-100: #fff4d8;
    --av2-danger-700: #b42318;
    --av2-danger-100: #feeceb;
    --av2-gradient: linear-gradient(112deg, var(--av2-brand-600) 0%, #3d65eb 48%, var(--av2-blue-500) 100%);
    --av2-gradient-soft: linear-gradient(135deg, rgba(98,70,234,.09), rgba(18,151,232,.08));
    --av2-shadow-xs: 0 1px 2px rgba(17,24,39,.05);
    --av2-shadow-sm: 0 6px 20px rgba(24,34,52,.07);
    --av2-shadow-md: 0 16px 42px rgba(24,34,52,.10);
    --av2-shadow-focus: 0 0 0 4px rgba(98,70,234,.18);
    --av2-radius-sm: 10px;
    --av2-radius-md: 14px;
    --av2-radius-lg: 20px;
    --av2-radius-xl: 28px;
    --av2-content: 1240px;
    --av2-transition: 160ms cubic-bezier(.2,.7,.2,1);
}

@media (prefers-reduced-motion: reduce) {
    :root { --av2-transition: 0ms; }
}