/*
 * Canonical Redder design tokens.
 *
 * This file intentionally contains no element or component selectors. During
 * Phase 2 it is not loaded by any page; later modules will consume these
 * properties as each page family is migrated against the rendered baseline.
 */

@font-face {
  font-family: "AvantGardeGothicITCW01Bd";
  src: url("/assets/theme/webfonts/2DA69F_0_0.eot");
  src:
    url("/assets/theme/webfonts/2DA69F_0_0.eot#iefix") format("embedded-opentype"),
    url("/assets/theme/webfonts/2DA69F_0_0.woff2") format("woff2"),
    url("/assets/theme/webfonts/2DA69F_0_0.woff") format("woff"),
    url("/assets/theme/webfonts/2DA69F_0_0.ttf") format("truetype");
  font-style: normal;
  font-weight: 400;
}

@font-face {
  font-family: "AvantGardeGothicITCW01Bk";
  src: url("/assets/theme/webfonts/2DA69F_1_0.eot");
  src:
    url("/assets/theme/webfonts/2DA69F_1_0.eot#iefix") format("embedded-opentype"),
    url("/assets/theme/webfonts/2DA69F_1_0.woff2") format("woff2"),
    url("/assets/theme/webfonts/2DA69F_1_0.woff") format("woff"),
    url("/assets/theme/webfonts/2DA69F_1_0.ttf") format("truetype");
  font-style: normal;
  font-weight: 400;
}

@font-face {
  font-family: "AvantGardeGothicITCW02BkObl";
  src: url("/assets/theme/webfonts/2DA69F_2_0.eot");
  src:
    url("/assets/theme/webfonts/2DA69F_2_0.eot#iefix") format("embedded-opentype"),
    url("/assets/theme/webfonts/2DA69F_2_0.woff2") format("woff2"),
    url("/assets/theme/webfonts/2DA69F_2_0.woff") format("woff"),
    url("/assets/theme/webfonts/2DA69F_2_0.ttf") format("truetype");
  font-style: oblique;
  font-weight: 400;
}

:root {
  /* Brand and neutral colors */
  --redder-color-brand: #d40221;
  --redder-color-brand-overlay: rgba(212, 0, 33, 0.8);
  --redder-color-link: #dd3333;
  --redder-color-ink: #333333;
  --redder-color-ink-action: #545454;
  --redder-color-ink-muted: #848484;
  --redder-color-surface: #ffffff;
  --redder-color-surface-soft: #fcfcfc;
  --redder-color-surface-muted: #eeeeee;
  --redder-color-border: #dddddd;
  --redder-color-black: #000000;
  --redder-color-overlay: rgba(0, 0, 0, 0.7);
  --redder-color-overlay-soft: rgba(0, 0, 0, 0.4);
  --redder-color-modal: rgba(31, 31, 31, 0.95);

  /* Typography roles */
  --redder-font-body: "Open Sans";
  --redder-font-heading: "AvantGardeGothicITCW01Bd";
  --redder-font-heading-light: "AvantGardeGothicITCW01Bk";
  --redder-font-heading-oblique: "AvantGardeGothicITCW02BkObl";
  --redder-font-size-2xs: 11px;
  --redder-font-size-xs: 12px;
  --redder-font-size-sm: 13px;
  --redder-font-size-ui: 14px;
  --redder-font-size-body: 15px;
  --redder-font-size-lead: 16px;
  --redder-font-size-lg: 18px;
  --redder-font-size-h4: 21px;
  --redder-font-size-h3: 24px;
  --redder-font-size-h2: 30px;
  --redder-font-size-h1: 32px;
  --redder-font-size-display: 40px;
  --redder-line-height-body: 26px;
  --redder-line-height-compact: 21px;
  --redder-line-height-list: 23px;
  --redder-line-height-lead: 28px;
  --redder-line-height-display: 56px;
  --redder-font-weight-light: 300;
  --redder-font-weight-regular: 400;
  --redder-font-weight-semibold: 600;
  --redder-font-weight-bold: 700;

  /* Spacing */
  --redder-space-0: 0;
  --redder-space-1: 3px;
  --redder-space-2: 5px;
  --redder-space-3: 8px;
  --redder-space-4: 10px;
  --redder-space-5: 15px;
  --redder-space-6: 20px;
  --redder-space-7: 30px;
  --redder-space-8: 40px;
  --redder-space-9: 60px;
  --redder-space-10: 80px;
  --redder-space-11: 120px;
  --redder-space-12: 150px;

  /* Measures and fixed shell geometry */
  --redder-measure-content: 980px;
  --redder-measure-home: 960px;
  --redder-measure-readable: 640px;
  --redder-measure-modal: 600px;
  --redder-measure-narrow: 420px;
  --redder-header-height: 87px;
  --redder-header-height-compact: 128px;
  --redder-cta-height: 54px;

  /* Shape and depth */
  --redder-radius-sm: 2px;
  --redder-radius-md: 3px;
  --redder-radius-lg: 4px;
  --redder-radius-xl: 6px;
  --redder-radius-phone: 10px;
  --redder-shadow-text: 1px 1px 2px rgba(0, 0, 0, 0.7);
  --redder-shadow-soft: 0 8px 18px rgba(0, 0, 0, 0.08);
  --redder-shadow-raised: 0 18px 36px rgba(0, 0, 0, 0.18);
  --redder-shadow-raised-strong: 0 18px 36px rgba(0, 0, 0, 0.2);

  /* Motion */
  --redder-duration-fast: 180ms;
  --redder-duration-standard: 300ms;
  --redder-duration-slow: 500ms;
  --redder-duration-background: 1000ms;
  --redder-easing-standard: ease-in-out;
  --redder-easing-linear: linear;

  /* Layers */
  --redder-layer-background: -100;
  --redder-layer-behind: -1;
  --redder-layer-content: 1;
  --redder-layer-raised: 2;
  --redder-layer-jump-nav: 9;
  --redder-layer-carousel: 999;
  --redder-layer-cta: 1000;
  --redder-layer-shell: 1010;
  --redder-layer-skip-link: 1011;
  --redder-layer-modal: 2147483647;
}