/* ============================================================
   SUBARU BRAND OVERRIDE
   Agency: The Moran Group
   Version: 1.0

   HOW THIS WORKS:
   This file loads AFTER model-page-base.css and overrides
   only the CSS custom properties that differ between brands.
   Every color, font, and radius reference in the base CSS
   that uses var(--...) automatically adopts the Subaru brand.

   TO PORT TO A NEW BRAND:
     1. Duplicate this file
     2. Update the :root variables below
     3. Place @font-face declarations for the brand typeface
     4. Link both the base CSS and this file in your HTML
        (this file must come second to win the cascade)
   ============================================================ */


/* ============================================================
   SUBARU FONT DECLARATIONS
   Source SubaruType font files from Subaru Media / brand portal.
   Place WOFF2 and WOFF files in assets/fonts/ for each weight.
   Until font files are available, the system fallback stack
   renders cleanly on all platforms.
   ============================================================ */

/*
@font-face {
  font-family: 'SubaruType';
  src: url('../fonts/SubaruType-Light.woff2')    format('woff2'),
       url('../fonts/SubaruType-Light.woff')     format('woff');
  font-weight: 300;
  font-style:  normal;
  font-display: swap;
}
@font-face {
  font-family: 'SubaruType';
  src: url('../fonts/SubaruType-Regular.woff2')  format('woff2'),
       url('../fonts/SubaruType-Regular.woff')   format('woff');
  font-weight: 400;
  font-style:  normal;
  font-display: swap;
}
@font-face {
  font-family: 'SubaruType';
  src: url('../fonts/SubaruType-Medium.woff2')   format('woff2'),
       url('../fonts/SubaruType-Medium.woff')    format('woff');
  font-weight: 500;
  font-style:  normal;
  font-display: swap;
}
@font-face {
  font-family: 'SubaruType';
  src: url('../fonts/SubaruType-Bold.woff2')     format('woff2'),
       url('../fonts/SubaruType-Bold.woff')      format('woff');
  font-weight: 700;
  font-style:  normal;
  font-display: swap;
}
*/


/* ============================================================
   SUBARU BRAND VARIABLES
   These override the Toyota values set in model-page-base.css.
   Only values that differ from the base need to be listed here.
   ============================================================ */

:root {
  /* ── Brand Colors ─────────────────────────────────────────── */
  --color-primary:      #003893;   /* Subaru Blue */
  --color-primary-dark: #002d75;   /* Hover / pressed state    */

  /* ── Typography ──────────────────────────────────────────── */
  /* Uncomment once SubaruType font files are in assets/fonts/ */
  /* --font-family: 'SubaruType', 'Helvetica Neue', Helvetica, Arial, sans-serif; */

  /* Temporary fallback stack that reads as clean and modern    */
  --font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
}