/*
 * polarisrzrgraphickits.com: resolved design tokens.
 * Source: https://www.redlinesuperstore.com/media/templates/site/redline/css/colors.css?20260922b
 * (identical to E:/bearsampp/www/redline6/media/templates/site/redline/css/colors.css, diffed
 * 2026-09-29) and fonts.css. Line numbers in config/tokens.json. Every value is resolved; no
 * var() chain is copied from colors.css. Light theme only: the live first-visit theme is
 * data-bs-theme="light" (Playwright, fresh context, 2026-09-29).
 */

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400 700;
    font-display: swap;
    src: url('../fonts/roboto-latin.woff2') format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
    font-family: 'Saira Condensed';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url('../fonts/saira-condensed-700-latin.woff2') format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
    font-family: 'Saira Condensed';
    font-style: normal;
    font-weight: 800;
    font-display: swap;
    src: url('../fonts/saira-condensed-800-latin.woff2') format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

:root {
    color-scheme: light;

    /* Color: brand layer (colors.css :root, lines 113-189) */
    --brand-primary: #C0122D;
    --brand-primary-hover: #9D0B17;
    --brand-primary-active: #7F0A14;
    --brand-primary-subtle: #FDECEE;
    --brand-primary-fill: #C0122D;
    --brand-primary-fill-hover: #9D0B17;
    --brand-secondary: #3D598A;
    --brand-ink: #1C1D20;
    --brand-ink-2: #26282C;
    --brand-ink-rgb: 28, 29, 32;
    --brand-bg: #FFFFFF;
    --brand-bg-alt: #F4F4F5;
    --brand-bg-soft: #F9F9FA;
    --brand-text: #282828;
    --brand-text-body: #3A3D42;
    --brand-text-secondary: #5C6670;
    --brand-text-on-primary: #FFFFFF;
    --brand-text-on-dark: #FFFFFF;
    --brand-text-on-dark-2: #B9BEC5;
    --brand-text-on-dark-soft: #E4E6EA;
    --brand-border: #E2E4E8;
    --brand-border-strong: #8A9099;
    --brand-border-dark: #3A3D42;
    --brand-link: #C0122D;
    --brand-link-hover: #9D0B17;

    /* On ink bands (colors.css line 425 dark --brand-primary-fill; line 531 dark .btn-primary
       active; template.css line 96 white focus outline on .section-dark). Recomputed in
       research/style-report.md: #C0122D is 2.70:1 on #1C1D20, so it never draws a boundary there. */
    --brand-primary-fill-on-ink: #D6203C;
    --brand-primary-fill-on-ink-hover: #B81830;
    --focus-outline-on-ink: #FFFFFF;

    /* Type (colors.css lines 194-205) */
    --font-display: 'Saira Condensed', 'Arial Narrow', Arial, sans-serif;
    --font-heading: 'Saira Condensed', 'Arial Narrow', Arial, sans-serif;
    --font-body: 'Roboto', 'Helvetica Neue', Arial, sans-serif;
    --text-xs: .75rem;
    --text-sm: .875rem;
    --text-base: 1rem;
    --text-md: 1.125rem;
    --text-lg: 1.25rem;
    --text-xl: clamp(1.25rem, 1.2vw + .9rem, 1.5rem);
    --text-2xl: clamp(1.5rem, 1.8vw + .9rem, 2rem);
    --text-3xl: clamp(1.875rem, 2.6vw + 1rem, 2.75rem);
    --text-4xl: clamp(2.25rem, 3.6vw + 1rem, 3.75rem);
    --text-5xl: clamp(2.75rem, 5.4vw + 1rem, 5.5rem);
    --tracking-tight: -0.01em;
    --tracking-wide: .04em;
    --tracking-widest: .16em;

    /* Space, shape, motion (colors.css lines 207-219) */
    --section-py: clamp(3rem, 6vw, 5.5rem);
    --section-py-sm: clamp(2rem, 4vw, 3.5rem);
    --section-py-xs: clamp(1rem, 2vw, 1.75rem);
    --radius-sm: 3px;
    --skew: -12deg;
    --shadow-sm: 0 1px 2px rgba(20, 20, 22, .06), 0 1px 3px rgba(20, 20, 22, .08);
    --shadow-md: 0 6px 18px rgba(20, 20, 22, .10), 0 2px 6px rgba(20, 20, 22, .06);
    --focus-ring: 0 0 0 3px #FFFFFF, 0 0 0 5px #C0122D;
    --transition-fast: 150ms ease;
    --transition-base: 250ms ease;

    /* Layout (microsite) */
    --container: 1200px;
    --sticky-bar-h: 64px;
}