:root {


  --cc-brand-teal:          #0ABAB5;
  --cc-brand-teal-ui:       #089E9A;
  --cc-brand-teal-ink:      #077D7A;
  --cc-brand-teal-ink-aaa:  #055D5B;
  --cc-brand-teal-on:       #0A1628;
  --cc-brand-purple:        #5C028C;
  --cc-brand-purple-on:     #FFFFFF;



  --color-primary:          #0A1628;
  --color-primary-ink:      #0A1628;
  --color-primary-deep:     #050B14;
  --color-primary-on:       #FFFFFF;

  --color-cover:            #0A1628;
  --color-cover-deep:       #050B14;
  --color-cover-glow-purple:#5C028C;
  --color-cover-glow-teal:  #0ABAB5;

  --color-accent:           #0ABAB5;
  --color-accent-ink:       #077D7A;
  --color-accent-on:        #0A1628;

  --color-secondary:        #5C028C;
  --color-secondary-ink:    #5C028C;

  --color-alert:            #E53E3E;
  --color-warning:          #DD6B20;
  --color-info:             #3182CE;
  --color-success:          #2F855A;

  --color-ink:              #0A1628;
  --color-ink-muted:        #4A5568;
  --color-ink-subtle:       #718096;
  --color-rule:             #E2E8F0;
  --color-rule-strong:      #CBD5E0;
  --color-surface:          #FFFFFF;
  --color-surface-alt:      #F7FAFC;
  --color-surface-tint:     #EEF5FB;

  --data-1: var(--color-accent);
  --data-2: var(--color-primary);
  --data-3: var(--color-secondary);
  --data-4: var(--color-info);
  --data-5: var(--color-warning);
  --data-6: var(--color-alert);
  --data-neutral: #CBD5E0;


  --font-sans:   "Inter", "Helvetica Neue", Arial, sans-serif;
  --font-serif:  "Source Serif 4", "Source Serif Pro", Georgia, serif;
  --font-mono:   "JetBrains Mono", "SF Mono", Menlo, Consolas, monospace;

  --type-eyebrow:        0.75rem;
  --type-caption:        0.8125rem;
  --type-source:         0.75rem;
  --type-small:          0.875rem;
  --type-body:           1.0625rem;
  --type-lede:           1.25rem;
  --type-h4:             1.125rem;
  --type-h3:             clamp(1.375rem, 1.05rem + 1.3vw, 1.5rem);
  --type-h2:             clamp(1.5rem,   1.10rem + 1.9vw, 2.125rem);
  --type-h1:             clamp(2.25rem,  1.55rem + 3.2vw, 3.5rem);
  --type-hero:           clamp(2.75rem,  1.70rem + 4.6vw, 4.5rem);
  --type-mega:           clamp(4rem,     2.10rem + 8.5vw, 8rem);

  --measure-prose:       68ch;
  --measure-narrow:      52ch;

  --leading-tight:   1.10;
  --leading-snug:    1.25;
  --leading-body:    1.50;
  --leading-lede:    1.45;

  --tracking-eyebrow: 0.14em;
  --tracking-tight:   -0.01em;
  --tracking-hero:    -0.02em;

  --weight-regular:  400;
  --weight-medium:   500;
  --weight-semibold: 600;
  --weight-bold:     700;


  --space-1:  4px;
  --space-2:  8px;
  --space-3:  12px;
  --space-4:  16px;
  --space-5:  24px;
  --space-6:  32px;
  --space-7:  48px;
  --space-8:  64px;
  --space-9:  96px;

  --rule-hair:    0.5pt solid var(--color-rule);
  --rule-thin:    1pt   solid var(--color-rule-strong);
  --rule-accent:  3pt   solid var(--color-accent);
  --rule-heavy:   6pt   solid var(--color-primary);

  --radius-none:  0;
  --radius-sm:    2px;
  --radius-md:    4px;


  --page-width:        8.5in;
  --page-height:       11in;
  --page-margin-top:    0.75in;
  --page-margin-bottom: 0.85in;
  --page-margin-inside: 1.25in;
  --page-margin-outside:0.75in;


  --callout-default-bar:  var(--color-accent);
  --callout-default-bg:   var(--color-surface-tint);
  --callout-alert-bar:    var(--color-alert);
  --callout-alert-bg:     #FEF2F2;
  --callout-warning-bar:  var(--color-warning);
  --callout-warning-bg:   #FFFAF0;
  --callout-hero-bg:      var(--color-primary);
  --callout-hero-on:      var(--color-primary-on);
}