:root{

  --fs-1:  12px;
  --fs-2:  14px;
  --fs-3:  16px;
  --fs-4:  20px;
  --fs-5:  26px;
  --fs-6:  36px;
  --fs-7:  56px;

  --fs-read:   18px;
  --lh-read:   2;

  --fs-hero:   80px;
  --lh-hero:   1.12;

  --lh-none:   1;
  --lh-tight:  1.3;
  --lh-head:   1.45;
  --lh-body:   1.75;
  --ls-tight: -.01em;
  --ls-base:   .02em;
  --ls-wide:   .12em;

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

  --w-page:   1280px;
  --w-read:    680px;
  --w-narrow:  560px;
  --header-h:   96px;
  --radius-s:    8px;
  --radius-m:   12px;
  --radius-l:   16px;
  --radius-pill: 999px;

  --c-ink:      #05070a;
  --c-body:     #4b5165;

  --c-muted:    #5f6675;
  --c-line:     #e5e7eb;
  --c-line-2:   #b9bec9;
  --c-bg:       #ffffff;
  --c-bg-soft:  #f1f2f4;
  --c-mute:     #e7e9ec;
  --c-dark:     #2b3140;
  --c-cv:       #4a5265;
  --c-dark-2:   #363d4e;

  --c-cta:        #2566d4;
  --c-cta-hover:  #1c52ae;

  --c-accent:     #1a1d24;
  --c-accent-dark:#05070a;
  --c-accent-soft:#eef0f2;

  --c-line-strong:#c9cdd3;
  --c-danger:     #c0392b;
  --c-bg-header:  rgba(255,255,255,.95);

  --c-on-dark:      #ffffff;
  --c-on-dark-body: rgba(255,255,255,.82);
  --c-on-dark-mute: rgba(255,255,255,.6);
  --c-on-dark-line: rgba(255,255,255,.22);
  --c-on-dark-accent: rgba(255,255,255,.55);

  --ease-out: cubic-bezier(.19, 1, .22, 1);
  --ease-in:  cubic-bezier(.215, .61, .355, 1);
  --ease-btn: cubic-bezier(.22, 1, .36, 1);
  --dur-btn:    .5s;
  --dur-react:  .2s;
  --dur-reveal: .6s;
  --dur-slow:  1.4s;
  --dur-cv:      3s;

  --veil-cv: linear-gradient(180deg, rgba(5,7,10,.42) 0%, rgba(5,7,10,.80) 100%);

  --shadow-card:  0 6px 24px rgba(5,7,10,.07);
  --shadow-lift:  0 18px 44px rgba(5,7,10,.12);
}

@media (max-width:1023px){
  :root{
    --fs-7: 40px;
    --fs-6: 28px;
    --fs-hero: 56px;
    --sp-11: 72px;
  }
}
@media (max-width:767px){
  :root{
    --fs-7: 32px;
    --fs-6: 24px;
    --fs-5: 22px;
    --fs-hero: 40px;
    --sp-11: 56px;
    --sp-9:  64px;
  }
}
