/* AquaScan AI — design tokens
 * Extracted from the "AquaScan Comunicação" Figma (62JVASaBS6J3OMUrFsZanU) + extended.
 * See brand/design-system.md for rationale. Font: Bricolage Grotesque (Google Fonts).
 */
:root {
  /* ---- Colour: brand (deep-sea, light-on-dark) ---- */
  --aq-abyss:    #002E41;            /* primary background */
  --aq-deep:     #0B1622;            /* near-black full-bleed bg */
  --aq-teal-800: #063A4F;            /* pressed/active surface */
  --aq-teal-700: #0A4D68;            /* surface / card */
  --aq-teal-600: #0073A3;            /* secondary surface / hover */
  --aq-cyan:     #3AEFFF;            /* accent */
  --aq-ice:      #CDE8EA;            /* muted light text */
  --aq-white:    #FFFFFF;            /* primary text on dark */
  --aq-ink:      #000000;            /* strokes; text on light only */

  --aq-line:      rgba(205,232,234,.16);  /* hairline on dark */
  --aq-overlay:   rgba(6,18,30,.92);      /* modal scrim */
  --aq-cyan-soft: rgba(58,239,255,.12);   /* badge fill */

  /* ---- Colour: in-product data-viz (tool, not comms) ---- */
  --viz-accent:  #ff7a1a;  /* tool UI accent / camera */
  --viz-sonar:   #18c8e6;
  --viz-hydro:   #b06cff;
  --viz-thermo:  #35d07f;

  /* ---- Typography ---- */
  --font-brand: "Bricolage Grotesque", system-ui, sans-serif;
  --fw-regular: 400;
  --fw-semibold: 600;
  --fs-h1: 2.75rem;
  --fs-h2: 1.875rem;
  --fs-lead: 1.375rem;
  --fs-body: 1rem;
  --fs-label: 0.72rem;
  --lh-body: 1.55;
  --lh-lead: 1.4;
  --track-display: -0.5px;
  --track-label: 1.5px;

  /* ---- Spacing (8-pt) ---- */
  --sp-1: 4px;  --sp-2: 8px;  --sp-3: 12px; --sp-4: 16px;
  --sp-5: 24px; --sp-6: 32px; --sp-7: 48px; --sp-8: 64px;

  /* ---- Radius ---- */
  --r-sm: 6px; --r-md: 12px; --r-lg: 18px; --r-pill: 999px;

  /* ---- Elevation ---- */
  --sh-1: 0 4px 14px rgba(13,27,42,.10);
  --sh-2: 0 10px 26px rgba(13,27,42,.30);
  --sh-3: 0 24px 70px rgba(0,0,0,.6);
}