/* =========================================================
   Solazur — Design Tokens  (v1.0.0)
   THE single source of truth for colour, type and spacing.
   Every deliverable imports this file. Never redefine a brand
   colour or font family anywhere else.

   Reference: brand/foundation/Brand-Foundation.html §7
   ========================================================= */

:root {
  /* ---- Brand core (locked, non-negotiable) ---- */
  --blue:        #0D47A1;   /* Primary. Headlines, primary CTAs, brand accents */
  --orange:      #FF6A00;   /* Accent. Highlights, icons, CTA backgrounds. NEVER body text */
  --black:       #000000;
  --white:       #FFFFFF;

  /* ---- Blue scale (tints / shades of primary) ---- */
  --blue-deep:   #0A3A85;
  --blue-ink:    #062A64;
  --blue-soft:   #E7EEF8;
  --blue-soft-2: #F2F6FC;

  /* ---- Orange scale ---- */
  --orange-deep: #E85F00;
  --orange-soft: #FFF1E7;

  /* ---- Neutrals ---- */
  --paper:       #F4F5F7;   /* app/page background */
  --paper-2:     #FAFAFC;
  --card:        #FFFFFF;
  --line:        #E6E8EC;
  --line-2:      #EFF1F4;
  --text:        #1B1F2A;   /* body text on light */
  --muted:       #6B7280;
  --muted-2:     #99A0AD;

  /* ---- Support / state (extension, v1.0) ---- */
  --green:       #1E8E5A;
  --green-soft:  #E7F4ED;
  --amber:       #B7791F;
  --amber-soft:  #FBF3E2;
  --red:         #C0392B;

  /* ---- Typography ---- */
  --font-sans:   "Poppins", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  --font-mono:   "JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;

  /* Weight map: SemiBold headlines, Medium subheads, Regular body */
  --w-regular:   400;
  --w-medium:    500;
  --w-semibold:  600;
  --w-bold:      700;

  /* ---- Radii & elevation ---- */
  --radius:      10px;
  --radius-lg:   18px;
  --shadow-sm:   0 1px 2px rgba(13,30,70,.06), 0 1px 1px rgba(13,30,70,.04);
  --shadow-md:   0 6px 20px -8px rgba(13,30,70,.18), 0 2px 6px rgba(13,30,70,.06);
  --shadow-lg:   0 18px 50px -18px rgba(10,30,80,.28);
}
