/* BCG Design Studios — Design Tokens 2026 */

@font-face {
  font-family: 'Henderson BCG Sans';
  src: url('../fonts/BCGHenSansRegular.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Henderson BCG Sans';
  src: url('../fonts/BCGHenSansItalic.woff2') format('woff2');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Henderson BCG Sans';
  src: url('../fonts/BCGHenSansBold.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Henderson BCG Sans';
  src: url('../fonts/BCGHenSansBoldIta.woff2') format('woff2');
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Henderson BCG Sans';
  src: url('../fonts/BCGHenSansLight.woff2') format('woff2');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Henderson BCG Serif';
  src: url('../fonts/BCGHenSerifRegular.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Henderson BCG Serif';
  src: url('../fonts/BCGHenSerifItalic.woff2') format('woff2');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Henderson BCG Serif';
  src: url('../fonts/BCGHenSerifBold.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Henderson BCG Serif';
  src: url('../fonts/BCGHenSerifHead.woff2') format('woff2');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

:root {
  /* Brand colors */
  --color-orange:       #f25e30;
  --color-orange-bright:#FF7F52;
  --color-magenta:      #ea29e4;
  --color-magenta-pulse:#cd55e3;
  --color-lilac:        #c4b9d1;
  --color-lilac-light:  #ebe9ee;
  --color-lilac-soft:   #f2ecf9;
  --color-onix:         #2c2c2c;
  --color-white:        #ffffff;
  --color-paper:        #f8f8f8;

  /* Grays */
  --color-gray-100: #F2F2F2;
  --color-gray-200: #D4D4D4;
  --color-gray-300: #B1B1B1;
  --color-gray-400: #969696;
  --color-gray-500: #696969;
  --color-gray-700: #323232;
  --color-gray-800: #2c2c2c;
  --color-gray-900: #111111;
  --color-muted:    #71717a;

  /* Typography */
  --font-display: 'Henderson BCG Serif', 'Tiempos Headline', 'Times New Roman', serif;
  --font-body:    'Henderson BCG Sans', 'Inter', system-ui, -apple-system, sans-serif;
  --font-mono:    'JetBrains Mono', ui-monospace, monospace;

  /* Layout */
  --nav-width: 240px;
  --content-max: 1440px;
}