/* Get Styled Up V2 tokens. Names are fixed so other frontend issues can import them. */

:root {
  /* Palette — the seven V2 colors. No other hues. */
  --gsu-white: #FFFFFF;
  --gsu-ice: #EEF4FF;
  --gsu-cobalt: #2457FF;
  --gsu-violet: #7C3AED;
  --gsu-lime: #D7F45B;
  --gsu-navy: #17233D;
  /* 4.76:1 on white (passes AA). 4.31:1 on --gsu-ice (fails AA under 18px).
     Text that sits on ice uses --gsu-body instead. Do not darken this token:
     it is the designed meta color on white. GIN-610. */
  --gsu-gray: #64748B;

  /* Ink and hairlines */
  --gsu-body: #3B4A66;
  --gsu-on-navy: #C8D3E8;
  --gsu-on-navy-strong: #DCE5F5;
  --gsu-rule-soft: #CBD7EE;
  --gsu-rule-faint: #DCE5F5;
  --gsu-rule-on-navy: #2F3D5C;
  --gsu-skeleton: #E3EAF7;
  --gsu-wave-idle: #5A6B8C;

  /* Space — 4px base, steps 1 through 10 */
  --gsu-s-1: 4px;
  --gsu-s-2: 8px;
  --gsu-s-3: 12px;
  --gsu-s-4: 16px;
  --gsu-s-5: 24px;
  --gsu-s-6: 32px;
  --gsu-s-7: 40px;
  --gsu-s-8: 56px;
  --gsu-s-9: 72px;
  --gsu-s-10: 96px;

  /* Radius */
  --gsu-r-panel: 6px;
  --gsu-r-pill: 999px;

  /* Type */
  --gsu-font-sans: 'Space Grotesk', Poppins, Futura, system-ui, sans-serif;
  --gsu-font-mono: 'IBM Plex Mono', ui-monospace, Menlo, monospace;

  /* Container max width. Side padding lives on .container in base.css. */
  --gsu-container: 1280px;
}