/* Dr Sam's Brand Fonts - Include in all HTML files */

@font-face {
  font-family: 'Gotham';
  src: url('fonts/Gotham-Book.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Gotham';
  src: url('fonts/Gotham-Bold.otf') format('opentype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Gotham';
  src: url('fonts/Gotham-Black.otf') format('opentype');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Circular Std';
  src: url('fonts/CircularStd-Light.otf') format('opentype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Circular Std';
  src: url('fonts/CircularStd-Book.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Circular Std';
  src: url('fonts/CircularStd-Medium.otf') format('opentype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Tiempos Headline';
  src: url('fonts/TiemposHeadline-Regular.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Tiempos Headline';
  src: url('fonts/TiemposHeadline-RegularItalic.otf') format('opentype');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Tiempos Headline';
  src: url('fonts/TiemposHeadline-MediumItalic.otf') format('opentype');
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}

/* Brand Typography Guidelines:
 * - Gotham: Headings, product names, ingredients (ALL CAPS, tracking +200 / 0.2em)
 * - Circular Std: Body text (tracking -6 / -0.06em, NEVER all caps)
 * - Tiempos Headline: Editorial headings, short quotes (tracking +25 / 0.025em)
 */

/* Dr Sam's Brand Colors - Official Palette */
:root {
  /* Primary Brand Colors */
  --ds-red: #D50032;          /* Pantone 199 C - Primary brand red */
  --ds-black: #000000;        /* Pure black */
  --ds-off-white: #F3F3F3;    /* Off-white backgrounds */
  --ds-beige: #EDE2D9;        /* Beige accent */

  /* Supporting Greys */
  --ds-grey-dark: #4A4A4A;
  --ds-grey-mid: #8A8A8A;
  --ds-grey-light: #C4C4C4;
  --ds-white: #FFFFFF;

  /* Do NOT use green or other non-brand colors */
}