/* ═══════════════════════════════════════════════════════════
   public_html/assets/tokens.css

   aqumo — shared design tokens.

   Single source of truth for brand colours and typography,
   used by BOTH the public site (assets/style.css) and the
   reserved area (my/assets/app.css).

   Change a brand colour here and it changes everywhere.

   Loading order matters: this file must come FIRST, before
   any stylesheet that consumes the tokens.
   ═══════════════════════════════════════════════════════════ */

:root {
  /* ── Brand ─────────────────────────────────────────────── */
  --aq-blue:      #2377FE;
  --aq-blue-dk:   #1558D6;
  --aq-blue-dp:   #0B3A96;
  --aq-blue-lt:   #5B9BFF;
  --aq-blue-50:   #F0F6FF;
  --aq-blue-100:  #E0EDFF;
  --aq-blue-200:  #C5DDFF;

  /* ── Accents ───────────────────────────────────────────── */
  --aq-orange:    #FF6B2B;
  --aq-orange-50: #FFF1EA;
  --aq-green:     #00A66E;
  --aq-green-50:  #E5F7EF;
  --aq-teal:      #18B8B8;
  --aq-amber:     #E69100;

  /* ── Dark surfaces (site) ──────────────────────────────── */
  --aq-dark:      #3A4D6B;
  --aq-dark-2:    #42567A;

  /* ── Light surfaces ────────────────────────────────────── */
  --aq-bg:        #F5F7FB;
  --aq-bg-2:      #EEF1F7;
  --aq-white:     #FFFFFF;

  /* ── Application surfaces (reserved area) ──────────────────
     --aq-app-bg was #F4F9FF against the site's #F5F7FB: a
     7/765 difference, invisible in use. Unified on the site
     value so both share one page background. */
  --aq-app-bg-soft: #EAF2FF;
  --aq-app-field:   #F6F9FE;

  /* ── Borders ───────────────────────────────────────────── */
  --aq-border:      #D8DEE9;
  --aq-border-soft: #E5EAF2;
  --aq-border-blue: #B5D0FF;
  --aq-border-app:  #E2ECF9;

  /* ── Text ──────────────────────────────────────────────────
     Note: the site used --ink as a dark BACKGROUND, the app uses
     it as a text COLOUR. Same name, different concepts — kept
     apart here as --aq-dark and --aq-text-app. */
  --aq-text:       #0A1628;
  --aq-text-mid:   #3D4B66;
  --aq-text-soft:  #6B7A93;
  --aq-text-faint: #94A0B5;
  --aq-text-app:   #0F1F3D;
  --aq-text-muted: #5A6A7E;

  /* ── Typography ────────────────────────────────────────── */
  --aq-font-cond: 'Barlow Condensed', sans-serif;
  --aq-font-body: 'Barlow', sans-serif;
  --aq-font-mono: 'JetBrains Mono', monospace;

  /* ── Navigation (shared between site and login page) ───── */
  --aq-nav-height:   74px;
  --aq-nav-size:     11.5px;
  --aq-nav-tracking: 0.12em;
}