/* WowFoam brand tokens — fonts + design variables (from colors_and_type.css). */

@font-face {
  font-family: 'Myriad Pro';
  src: url('fonts/MyriadPro-Light_0.otf') format('opentype');
  font-weight: 300; font-style: normal; font-display: swap;
}
@font-face {
  font-family: 'Myriad Pro';
  src: url('fonts/MyriadWebPro_0.ttf') format('truetype');
  font-weight: 400; font-style: normal; font-display: swap;
}
@font-face {
  font-family: 'Myriad Pro';
  src: url('fonts/MyriadWebPro-Italic_0.ttf') format('truetype');
  font-weight: 400; font-style: italic; font-display: swap;
}
@font-face {
  font-family: 'Myriad Pro';
  src: url('fonts/MyriadWebPro-Bold_0.ttf') format('truetype');
  font-weight: 600 700; font-style: normal; font-display: swap;
}
@font-face {
  font-family: 'Myriad Pro';
  src: url('fonts/MyriadPro-Black_0.otf') format('opentype');
  font-weight: 800 900; font-style: normal; font-display: swap;
}
@font-face {
  font-family: 'Myriad Pro Black';
  src: url('fonts/MyriadPro-Black_0.otf') format('opentype');
  font-weight: 700 900; font-style: normal; font-display: swap;
}

.bcs-page {
  --wf-blue:        #0060AC;
  --wf-blue-deep:   #004C86;
  --wf-blue-bright: #0177C1;
  --wf-blue-wash:   #EBF4FB;
  --wf-magenta:     #ED008E;
  --wf-magenta-deep:#D4267F;
  --wf-cyan:        #5FB2D3;
  --wf-cyan-light:  #75DAFF;
  --wf-pink-wash:   #F6E0ED;
  --wf-plum:        #3A1527;
  --wf-black:       #111111;
  --wf-ink:         #1D1D1F;
  --wf-ink-2:       #5A5A5F;
  --wf-ink-3:       #8A8A90;
  --wf-line:        #E2E2E6;
  --wf-field:       #CBCBD1;
  --wf-surface-2:   #F4F5F7;
  --wf-gold:        #F5A623;

  --fg-1: var(--wf-ink);
  --fg-2: var(--wf-ink-2);
  --fg-3: var(--wf-ink-3);
  --fg-on-blue-dim:#BFE0F4;
  --bg-2: var(--wf-surface-2);

  --font-display: 'Myriad Pro Black', 'Myriad Pro', 'Segoe UI', system-ui, sans-serif;
  --font-body:    'Myriad Pro', 'Segoe UI', system-ui, sans-serif;

  --r-sm: 6px;
  --r-md: 10px;
  --r-lg: 16px;
  --r-pill: 999px;

  --sh-card: 0 2px 10px rgba(17,17,17,.10);
  --sh-pop:  0 8px 26px rgba(17,17,17,.16);
  --sh-btn:  0 4px 12px rgba(0,121,202,.32);
}