/*
Theme Name: Outdoor Research
Theme URI: https://www.outdoorresearch.com/
Author: Outdoor Research
Author URI: https://www.outdoorresearch.com/
Description: A faithful WooCommerce port of the Outdoor Research storefront. Design tokens,
 typography and component CSS are extracted from the live site; catalog data is imported
 into WooCommerce by the bundled importer. Requires WooCommerce.
Version: 1.0.0
Requires at least: 6.2
Tested up to: 6.7
Requires PHP: 7.4
License: GPLv2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: or-outdoor
Tags: ecommerce, woocommerce, custom-colors, custom-menu, custom-logo, featured-images,
 translation-ready, block-styles, wide-blocks, full-width-template
WC requires at least: 7.0
WC tested up to: 9.4
*/

/* ==========================================================================
   1. Design tokens  (harvested from outdoorresearch.com)
   ========================================================================== */
:root {
  /* brand palette — consumed as rgb(var(--dqt-ink)) so alpha syntax stays legal */
  --dqt-ink: 51,49,50;
  --dqt-ink-deep: 1,31,49;
  --dqt-paper: 255,255,255;
  --dqt-paper-alt: 243,243,243;
  --dqt-paper-warm: 242,243,241;
  --dqt-line: 231,231,231;
  --dqt-brand-red: 197,55,52;
  --dqt-brand-flame: 213,71,42;
  --dqt-brand-gold: 128,93,36;
  --dqt-brand-yellow: 254,225,47;
  --dqt-brand-blue: 7,123,237;
  --dqt-brand-slate: 110,118,171;
  --dqt-brand-navy: 46,53,78;

  /* semantic aliases */
  --dqt-background: var(--dqt-paper);
  --dqt-foreground: var(--dqt-ink);
  --dqt-accent: var(--dqt-brand-flame);
  --dqt-accent-alt: var(--dqt-brand-red);
  --dqt-border: var(--dqt-line);
  --dqt-muted: 120,120,120;

  /* type */
  --dqt-font-body: "Assistant", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --dqt-font-heading: "Gilroy", "Assistant", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --dqt-font-display: "ff-good-web-pro", "Inter", "Assistant", sans-serif;
  --dqt-body-weight: 300;
  --dqt-body-weight-bold: 700;
  --dqt-heading-weight: 400;
  --dqt-body-scale: 1.0;
  --dqt-heading-scale: 1.0;

  /* layout */
  --dqt-page-width: 144rem;
  --dqt-gutter: 2.4rem;
  --dqt-radius: 0px;
  --dqt-radius-pill: 999px;

  /* motion */
  --dqt-duration-short: .1s;
  --dqt-duration-default: .2s;
  --dqt-duration-long: .5s;

  /* keep the original Shopify var names alive so ported component CSS still resolves */
  --color-base-text: var(--dqt-ink);
  --color-base-background-1: var(--dqt-paper);
  --color-base-background-2: var(--dqt-paper-alt);
  --color-base-accent-1: var(--dqt-ink);
  --color-base-accent-2: var(--dqt-ink-deep);
  --color-base-outline-button-labels: var(--dqt-brand-red);
  --color-base-solid-button-labels: var(--dqt-paper);
  --color-foreground: var(--dqt-paper);
  --color-background: var(--dqt-paper);
  --page-width: var(--dqt-page-width);
  --font-body-family: var(--dqt-font-body);
  --font-heading-family: var(--dqt-font-heading);
  --font-body-weight: var(--dqt-body-weight);
  --duration-short: var(--dqt-duration-short);
  --duration-default: var(--dqt-duration-default);
  --duration-long: var(--dqt-duration-long);
}

/* ==========================================================================
   2. @font-face  (self-hosted; no CDN)
   ========================================================================== */
@font-face{font-family:'Gilroy';src:url('assets/fonts/Gilroy-ExtraBold.woff2') format('woff2'),url('assets/fonts/Gilroy-ExtraBold.woff') format('woff');font-weight:800;font-style:normal;font-display:swap;}
@font-face{font-family:'Gilroy';src:url('assets/fonts/Gilroy-ExtraBold.woff2') format('woff2'),url('assets/fonts/Gilroy-ExtraBold.woff') format('woff');font-weight:700;font-style:normal;font-display:swap;}
@font-face{font-family:'Gilroy';src:url('assets/fonts/Gilroy-ExtraBoldItalic.woff2') format('woff2'),url('assets/fonts/Gilroy-ExtraBoldItalic.woff') format('woff');font-weight:800;font-style:italic;font-display:swap;}
@font-face{font-family:'Gilroy';src:url('assets/fonts/Gilroy-ExtraBoldItalic.woff2') format('woff2'),url('assets/fonts/Gilroy-ExtraBoldItalic.woff') format('woff');font-weight:700;font-style:italic;font-display:swap;}
@font-face{font-family:'Gilroy';src:url('assets/fonts/Gilroy-Light.woff2') format('woff2'),url('assets/fonts/Gilroy-Light.woff') format('woff');font-weight:300;font-style:normal;font-display:swap;}
@font-face{font-family:'Assistant';src:url('assets/fonts/assistant_n4.woff2') format('woff2'),url('assets/fonts/assistant_n4.woff') format('woff');font-weight:400;font-style:normal;font-display:swap;}
@font-face{font-family:'Assistant';src:url('assets/fonts/assistant_n7.woff2') format('woff2'),url('assets/fonts/assistant_n7.woff') format('woff');font-weight:700;font-style:normal;font-display:swap;}