/* ============================================================================
 * AQUROV design tokens — the values every page of the site is built from.
 *
 * Source of truth: DESIGN.md (colour, type, grid, motion) and the visual
 * reference the homepage implements. The homepage (assets/css/home.css) is the
 * reference implementation: it reads these tokens and nothing else, so a change
 * made here reaches every page that adopts them.
 *
 * Naming:
 *   --aq-*        the AQUROV palette, surfaces, radii, shadows and motion.
 *   --color-*     the earlier generic set, kept untouched for the templates
 *                 that still read it; do not extend it.
 * ========================================================================= */

:root{
  --font-body:system-ui,sans-serif;
  --color-ink:#17212b;
  --color-background:#f6f3ed;
  --color-focus:#b55718;
  --radius-control:8px;
  --space-section:32px;

  /* Type ------------------------------------------------------------------ */
  --aq-font:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;

  /* Brand colour ----------------------------------------------------------- */
  --aq-blue:#0F5FB8;
  --aq-blue-dark:#0A4D95;
  --aq-cyan:#1697B8;
  --aq-cyan-soft:#6FC3DC;

  /* Dark technical surfaces ------------------------------------------------ */
  --aq-navy:#0D1B2A;
  --aq-navy-2:#102438;
  --aq-navy-3:#08131F;

  /* Light surfaces --------------------------------------------------------- */
  --aq-white:#FFFFFF;
  --aq-alt:#F5F7FA;
  --aq-surface:#EEF3F7;
  --aq-media:#E4EBF1;

  /* Text ------------------------------------------------------------------- */
  --aq-ink:#17212B;
  --aq-body:#40505E;
  --aq-muted:#687684;
  --aq-on-dark:#C3D2DF;
  --aq-on-dark-muted:#A9BCCB;

  /* Lines ------------------------------------------------------------------ */
  --aq-border:#DBE3EA;
  --aq-border-soft:#E8EEF3;
  --aq-border-strong:#B9C8D6;
  --aq-border-dark:rgba(255,255,255,0.16);

  /* Status (functional only) ---------------------------------------------- */
  --aq-green:#2F7B4B;
  --aq-green-bg:#E4F2E9;
  --aq-amber:#A86A12;
  --aq-amber-bg:#FBF0DD;
  --aq-red:#B42318;

  /* Geometry --------------------------------------------------------------- */
  --aq-radius-sm:6px;
  --aq-radius:8px;
  --aq-radius-lg:12px;
  --aq-wrap:1220px;
  --aq-gutter:24px;
  --aq-section:80px;
  --aq-section-sm:56px;
  --aq-control:44px;

  /* Elevation -------------------------------------------------------------- */
  --aq-shadow-xs:0 1px 2px rgba(13,27,42,0.05);
  --aq-shadow-sm:0 8px 22px rgba(13,27,42,0.06);
  --aq-shadow:0 18px 48px rgba(13,27,42,0.08);
  --aq-shadow-lift:0 16px 34px rgba(13,27,42,0.12);
  --aq-shadow-dark:0 30px 70px rgba(0,0,0,0.28);

  /* Motion ----------------------------------------------------------------- */
  --aq-ease:cubic-bezier(0.22,0.61,0.36,1);
  --aq-dur-fast:180ms;
  --aq-dur:280ms;
  --aq-dur-slow:640ms;
}