/* Figma-derived design tokens · Aquarius Criminal Defence SEO */
@font-face {
  font-family: "Vend Sans Variable";
  src: url("assets/fonts/vend-sans-latin-wght-normal.woff2") format("woff2-variations");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

:root {
  --color-primary: #67bdcc;
  --color-on-primary: #020202;
  --color-ink: #020202;
  --color-canvas: #ffffff;
  --color-inverse-canvas: #020202;
  --color-inverse-ink: #ffffff;
  --color-on-inverse-soft: #ffffff;
  --color-hairline: #d8e7ec;
  --color-hairline-soft: #eaf3f6;
  --color-surface-soft: #f1f9fb;
  --color-block-lime: #67bdcc;
  --color-block-lilac: #dff4f8;
  --color-block-cream: #eef7f9;
  --color-block-pink: #408098;
  --color-block-mint: #67bdcc;
  --color-block-coral: #408098;
  --color-block-navy: #405778;
  --color-accent-blue: #408098;
  --color-semantic-success: #408098;
  --color-overlay-scrim: #020202;
  --color-transparent: transparent;

  --font-sans: "Vend Sans Variable", "Vend Sans", "SF Pro Display", system-ui, -apple-system, BlinkMacSystemFont, "Helvetica Neue", Arial, sans-serif;
  --font-mono: "Vend Sans Variable", "Vend Sans", "SF Pro Display", system-ui, -apple-system, BlinkMacSystemFont, "Helvetica Neue", Arial, sans-serif;

  --text-display-xl: 86px;
  --text-display-lg: 64px;
  --text-headline: 26px;
  --text-subhead: 26px;
  --text-card-title: 24px;
  --text-body-lg: 20px;
  --text-body: 18px;
  --text-body-sm: 16px;
  --text-caption: 12px;

  --weight-display: 340;
  --weight-body: 320;
  --weight-body-strong: 330;
  --weight-link: 480;
  --weight-headline: 540;
  --weight-bold: 700;

  --leading-display-xl: 1;
  --leading-display-lg: 1.1;
  --leading-headline: 1.35;
  --leading-body: 1.45;
  --leading-body-lg: 1.4;
  --leading-caption: 1;

  --tracking-display-xl: 0;
  --tracking-display-lg: 0;
  --tracking-headline: 0;
  --tracking-body: 0;
  --tracking-body-lg: 0;
  --tracking-button: 0;
  --tracking-eyebrow: 0;
  --tracking-caption: 0;

  --space-hair: 1px;
  --space-xxs: 4px;
  --space-xs: 8px;
  --space-sm: 12px;
  --space-md: 16px;
  --space-lg: 24px;
  --space-xl: 32px;
  --space-xxl: 48px;
  --space-section: 96px;

  --radius-xs: 2px;
  --radius-sm: 6px;
  --radius-md: 8px;
  --radius-lg: 24px;
  --radius-xl: 32px;
  --radius-pill: 50px;
  --radius-full: 9999px;

  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-in: cubic-bezier(0.7, 0, 0.84, 0);
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
  --dur-short: 150ms;
  --dur-medium: 220ms;
}