/* Design tokens — carried over from v1 (css/variables.css), tuned for the editorial Atlas layout */
:root {
  /* Colour */
  --ink:            #141A24;
  --ink-2:          #1E2633;
  --ink-line:       rgba(245, 245, 244, 0.14);
  --paper:          #F5F5F4;
  --paper-2:        #ECECEA;
  --surface:        #FFFFFF;
  --accent:         #63B3ED;
  --accent-strong:  #4A9CD8;
  --accent-soft:    rgba(99, 179, 237, 0.12);
  --text:           #141A24;
  --text-muted:     #5F6B78;
  --text-on-ink:    #F5F5F4;
  --muted-on-ink:   #9AA6B4;
  --line:           rgba(20, 26, 36, 0.12);
  --line-strong:    rgba(20, 26, 36, 0.22);

  /* Type */
  --font: 'Google Sans Flex', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --fs-xs:    0.75rem;
  --fs-sm:    0.875rem;
  --fs-base:  1.0625rem;
  --fs-lg:    1.25rem;
  --fs-xl:    clamp(1.375rem, 1.1rem + 0.8vw, 1.75rem);
  --fs-2xl:   clamp(1.75rem, 1.2rem + 1.8vw, 2.75rem);
  --fs-3xl:   clamp(2.25rem, 1.4rem + 3vw, 4rem);
  --fs-hero:  clamp(3rem, 1rem + 8.2vw, 9.5rem);
  --fs-mega:  clamp(3.5rem, 0.5rem + 11vw, 12rem);

  /* Space */
  --gutter:    clamp(16px, 3vw, 40px);
  --inset:     clamp(8px, 1vw, 14px);
  --section:   clamp(80px, 12vw, 180px);
  --max:       1320px;

  /* Shape */
  --radius-sm: 10px;
  --radius:    18px;
  --radius-lg: clamp(18px, 2vw, 28px);
  --pill:      999px;

  /* Motion */
  --ease:      cubic-bezier(0.22, 1, 0.36, 1);
  --fast:      180ms;
  --base:      320ms;
  --slow:      700ms;
}