:root {
  --color-bg:             #FFFFFF;
  --color-surface:        #F7F8FA;
  --color-surface-raised: #FFFFFF;
  --color-line:           #ECEDF0;
  --color-line-strong:    #DFE1E6;
  --color-control:        #8A8A8A;  
  --color-fg:             #1D1A1A;  
  --color-fg-muted:       #555555;  
  --color-label:          #6E6E6E;  
  --color-accent:         #2563EB;  
  --color-accent-hover:   #1D4ED8;
  --color-accent-fg:      #FFFFFF;
  --color-accent-surface: #EFF4FE;
  --color-accent-line:    #CBDCFB;
  --color-focus:          #2563EB;

  
  --font-ui:   "Inter", -apple-system, "Helvetica Neue", Helvetica, Arial, sans-serif;
  --font-mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  --font-weight-display: 800;        
  --font-weight-brand: 800;
  --font-weight-semibold: 600;
  --leading-tight: 1.0;
  --display-measure: 15ch;
  
  
  --text-display: clamp(2.75rem, 1.9213rem + 3.5359vw, 4.75rem);   
  --text-spike:   clamp(2.5rem, 2.0856rem + 1.7680vw, 3.5rem);     
  --text-h2:      clamp(1.75rem, 1.4392rem + 1.3260vw, 2.5rem);    
  --text-h3:      clamp(1.375rem, 1.1678rem + 0.8840vw, 1.875rem); 
  --text-lead:    clamp(1.125rem, 1.0214rem + 0.4420vw, 1.375rem); 
  --text-body:    1.0625rem;                                        
  --text-sm:      0.9375rem;                                        
  --text-xs:      0.8125rem;                                        

  
  --measure-heading: 18ch;
  --measure-deck:    640px;
  --measure-body:    560px;
  --measure-dense:   440px;

  --tracking-display: -0.04em;
  --tracking-heading: -0.03em;

  --radius-sm: 8px; --radius-md: 14px; --radius-lg: 14px; --radius-xl: 20px; --radius-pill: 999px;
  --btn-pad-x: 36px; --btn-pad-y: 1rem;

  --shadow-raised: none;
  --shadow-pop: rgb(0 0 0 / 0.07) 0 8px 30px 0;
  --mark-display: none;
}

.btn--primary { background: #1D1A1A; color: #FFFFFF; }        
.btn--primary:hover { background: #000000; }

.hero__title em { color: #8E8B8B; }

.section--surface { background: #F4F3F1; }