/* UX12 — official Smart Couper corporate kit, RGB palette from manual p.7. */
@font-face { font-family: "Gotham"; src: url("brand/fonts/Gotham-Book.otf") format("opentype"); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: "Gotham"; src: url("brand/fonts/Gotham-Medium.otf") format("opentype"); font-weight: 500 750; font-style: normal; font-display: swap; }
@font-face { font-family: "Gotham"; src: url("brand/fonts/Gotham-Ultra.otf") format("opentype"); font-weight: 800 900; font-style: normal; font-display: swap; }
:root {
    --sc-navy-950: #00145a;
    --sc-navy-900: #001c7d;
    --sc-navy-800: #1d399a;
    --sc-blue-600: #4368e6;
    --sc-blue-700: #3556c7;
    --sc-cyan-400: #4368e6;
    --sc-cyan-300: #dce4ff;
    --sc-ink-900: #343434;
    --sc-ink-600: #626879;
    --sc-paper-100: #f5f6fa;
    --sc-line-200: #dce1ed;
    --sc-white: #ffffff;
    --sc-success-600: #177467;
    --sc-warning-600: #9a691f;
    --sc-danger-600: #a54646;
    --sc-font-display: "Gotham", "Segoe UI", system-ui, sans-serif;
    --sc-font-body: "Gotham", "Segoe UI", system-ui, sans-serif;
    --sc-text-caption: .875rem;
    --sc-text-base: 1rem;
    --sc-text-body: 1.0625rem;
    --sc-text-heading-sm: 1.25rem;
    --sc-radius-sm: 8px;
    --sc-radius-md: 14px;
    --sc-radius-lg: 20px;
    --sc-shadow-card: 0 22px 65px rgba(19, 43, 75, .12);
    --sc-focus: 0 0 0 3px rgba(67, 104, 230, .3);

    /* Aliases conservados durante la adopción gradual del sistema. */
    --navy: var(--sc-navy-900);
    --navy-2: var(--sc-navy-800);
    --blue: var(--sc-blue-600);
    --blue-dark: var(--sc-blue-700);
    --cyan: var(--sc-cyan-400);
    --ink: var(--sc-ink-900);
    --muted: var(--sc-ink-600);
    --paper: var(--sc-paper-100);
    --line: var(--sc-line-200);
    --white: var(--sc-white);
    --shadow: var(--sc-shadow-card);
}

:focus-visible {
    outline: 2px solid var(--sc-cyan-400);
    outline-offset: 3px;
}

::selection {
    color: var(--sc-white);
    background: var(--sc-blue-700);
}