/* ============================================================
   ASSURA LANDING THEME
   ------------------------------------------------------------
   The single source of truth for the marketing site's look.
   This theme is deliberately distinct from the app's in-product
   theme (src/constants/theme.js in the app repo): the landing
   sells the instrument, the app is the instrument.

   Identity: "precision instrument". The Assura mark is a
   compass-and-straightedge A with a filled square at the
   control point. The site borrows the language of technical
   drawing: an ink-blue drafting canvas, hairline construction
   lines, measurement ticks, monospace annotations, and the
   control-point square as the recurring accent mark.

   Type:
     Display  - "Space Grotesk"  (headlines, prices)
     Body     - "Inter"          (everything readable)
     Utility  - "IBM Plex Mono"  (eyebrows, data, control IDs)
   ============================================================ */

:root {
  /* Canvas */
  --ink:        #070b13;   /* page background - deep drafting ink */
  --ink-raised: #0b1120;   /* raised panels, nav glass base      */
  --surface:    #0e1526;   /* cards                              */
  --surface-2:  #131c31;   /* nested / hover surfaces            */

  /* Lines - hairlines everywhere, borrowed from drawing sheets */
  --line:        rgba(158, 176, 208, 0.14);
  --line-strong: rgba(158, 176, 208, 0.26);
  --grid-line:   rgba(158, 176, 208, 0.055);

  /* Text */
  --paper:  #eef3fb;   /* headings - warm paper white  */
  --body:   #b6c2d6;   /* body copy                    */
  --slate:  #8b99b0;   /* secondary                    */
  --muted:  #5d6a82;   /* annotations, footnotes       */

  /* Accent - Assura blue, used sparingly and precisely */
  --azure:        #3b82f6;
  --azure-bright: #74a9ff;
  --azure-ghost:  rgba(59, 130, 246, 0.12);

  /* Product-depiction semantics (used only inside UI mocks) */
  --good: #34d399;
  --warn: #fbbf24;
  --bad:  #f87171;
  --tier: #a78bfa;

  /* Type */
  --font-display: 'Space Grotesk', 'Inter', sans-serif;
  --font-body:    'Inter', -apple-system, 'Segoe UI', sans-serif;
  --font-mono:    'IBM Plex Mono', ui-monospace, monospace;

  /* Rhythm */
  --radius-card: 18px;
  --radius-ctl:  12px;
  --section-pad: clamp(88px, 12vw, 148px);
  --edge-pad:    clamp(20px, 4vw, 40px);
  --content-w:   1140px;
}