/* ==========================================================================
   RS Motors — Design tokens
   Every colour used across the public site is defined here as a CSS custom
   property. Components consume the tokens; no raw hex values are hard-coded.
   ========================================================================== */

:root {
    /* Brand palette ------------------------------------------------------- */
    --rs-primary: #0b0b0d;
    --rs-primary-rgb: 11, 11, 13;
    --rs-accent: #e11d2e;
    --rs-accent-rgb: 225, 29, 46;
    --rs-dark: #17171b;
    --rs-dark-rgb: 23, 23, 27;

    /* Supporting tones ---------------------------------------------------- */
    --rs-success: #178a50;
    --rs-success-rgb: 23, 138, 80;
    --rs-warning: #c27a08;
    --rs-warning-rgb: 194, 122, 8;
    --rs-danger: #c81e2b;
    --rs-danger-rgb: 200, 30, 43;
    --rs-info: #1d6fb8;
    --rs-info-rgb: 29, 111, 184;
    --rs-gold: #b58b4c;
    --rs-gold-rgb: 181, 139, 76;
    --rs-whatsapp: #1fa855;
    --rs-whatsapp-rgb: 31, 168, 85;

    /* Light theme surfaces ------------------------------------------------ */
    --rs-bg: #f5f4f1;
    --rs-bg-rgb: 245, 244, 241;
    --rs-bg-soft: #eeede9;
    --rs-surface: #ffffff;
    --rs-surface-rgb: 255, 255, 255;
    --rs-surface-2: #f8f7f4;
    --rs-surface-3: #efeeea;
    --rs-glass: rgba(255, 255, 255, 0.72);
    --rs-glass-strong: rgba(255, 255, 255, 0.9);
    --rs-glass-border: rgba(11, 11, 13, 0.08);
    --rs-overlay: rgba(11, 11, 13, 0.55);

    /* Text ---------------------------------------------------------------- */
    --rs-ink: #111114;
    --rs-ink-rgb: 17, 17, 20;
    --rs-ink-soft: #3c3c44;
    --rs-muted: #6b6b75;
    --rs-muted-rgb: 107, 107, 117;
    --rs-inverse: #f7f7f8;
    --rs-inverse-rgb: 247, 247, 248;

    /* Lines & shadows ----------------------------------------------------- */
    --rs-line: rgba(17, 17, 20, 0.09);
    --rs-line-strong: rgba(17, 17, 20, 0.16);
    --rs-line-light: rgba(255, 255, 255, 0.14);
    --rs-shadow-xs: 0 1px 2px rgba(11, 11, 13, 0.05);
    --rs-shadow-sm: 0 6px 18px rgba(11, 11, 13, 0.06);
    --rs-shadow-md: 0 18px 45px rgba(11, 11, 13, 0.1);
    --rs-shadow-lg: 0 34px 80px rgba(11, 11, 13, 0.16);
    --rs-shadow-accent: 0 16px 38px rgba(var(--rs-accent-rgb), 0.28);

    /* Shape --------------------------------------------------------------- */
    --rs-radius-xs: 8px;
    --rs-radius-sm: 12px;
    --rs-radius-md: 18px;
    --rs-radius-lg: 26px;
    --rs-radius-xl: 34px;
    --rs-radius-pill: 999px;

    /* Typography ---------------------------------------------------------- */
    --rs-font-body: "Manrope", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
    --rs-font-display: "Playfair Display", Georgia, "Times New Roman", serif;
    --rs-tracking-wide: 0.18em;
    --rs-tracking-tight: -0.03em;

    /* Motion -------------------------------------------------------------- */
    --rs-ease: cubic-bezier(0.22, 1, 0.36, 1);
    --rs-speed: 0.28s;
    --rs-speed-slow: 0.6s;

    /* Layout -------------------------------------------------------------- */
    --rs-container: 1240px;
    --rs-header-height: 78px;
    --rs-section-y: clamp(64px, 8vw, 112px);

    /* Bootstrap bridge ---------------------------------------------------- */
    --bs-body-font-family: var(--rs-font-body);
    --bs-body-bg: var(--rs-bg);
    --bs-body-color: var(--rs-ink);
    --bs-border-color: var(--rs-line);
    --bs-border-color-translucent: var(--rs-line);
    --bs-primary: var(--rs-accent);
    --bs-primary-rgb: var(--rs-accent-rgb);
    --bs-link-color: var(--rs-accent);
    --bs-link-hover-color: var(--rs-accent);
    --bs-emphasis-color: var(--rs-ink);
    --bs-secondary-color: var(--rs-muted);
    --bs-tertiary-bg: var(--rs-surface-2);
    --bs-secondary-bg: var(--rs-surface-2);
    --bs-heading-color: var(--rs-ink);
    --bs-body-font-size: 1rem;
    --bs-body-line-height: 1.7;
}

[data-bs-theme="dark"] {
    --rs-bg: #0a0a0c;
    --rs-bg-rgb: 10, 10, 12;
    --rs-bg-soft: #0e0e11;
    --rs-surface: #131317;
    --rs-surface-rgb: 19, 19, 23;
    --rs-surface-2: #19191e;
    --rs-surface-3: #202027;
    --rs-glass: rgba(22, 22, 27, 0.7);
    --rs-glass-strong: rgba(24, 24, 30, 0.92);
    --rs-glass-border: rgba(255, 255, 255, 0.09);
    --rs-overlay: rgba(0, 0, 0, 0.72);

    --rs-ink: #f4f4f6;
    --rs-ink-rgb: 244, 244, 246;
    --rs-ink-soft: #d3d3da;
    --rs-muted: #9c9ca7;
    --rs-muted-rgb: 156, 156, 167;
    --rs-inverse: #0b0b0d;
    --rs-inverse-rgb: 11, 11, 13;

    --rs-line: rgba(255, 255, 255, 0.09);
    --rs-line-strong: rgba(255, 255, 255, 0.18);
    --rs-line-light: rgba(255, 255, 255, 0.12);
    --rs-shadow-xs: 0 1px 2px rgba(0, 0, 0, 0.4);
    --rs-shadow-sm: 0 8px 22px rgba(0, 0, 0, 0.38);
    --rs-shadow-md: 0 22px 52px rgba(0, 0, 0, 0.46);
    --rs-shadow-lg: 0 40px 90px rgba(0, 0, 0, 0.58);
    --rs-shadow-accent: 0 16px 40px rgba(var(--rs-accent-rgb), 0.34);

    --bs-body-bg: var(--rs-bg);
    --bs-body-color: var(--rs-ink);
    --bs-border-color: var(--rs-line);
    --bs-tertiary-bg: var(--rs-surface-2);
    --bs-secondary-bg: var(--rs-surface-2);
    --bs-emphasis-color: var(--rs-ink);
    --bs-secondary-color: var(--rs-muted);
    --bs-heading-color: var(--rs-ink);
    --bs-link-color: var(--rs-accent);
    --bs-link-hover-color: var(--rs-accent);
}