/* ============================================================
   AMIUS · BRAND TOKENS
   Source: Amius Brand Guidelines V02 / Amius Design System.
   Colour, type and spacing primitives. No component styles here.
   ============================================================ */

/* ---------- Webfonts ----------
   Artegra Sans Extended = display / headings (licensed, self-hosted).
   Open Sans             = body and UI (Google Fonts).
   ------------------------------------------------------------ */
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;500;600;700;800&display=swap');

@font-face {
  font-family: 'Artegra Sans Ex';
  src: url('../assets/fonts/ArtegraSansEx-Bold.woff2') format('woff2');
  font-weight: 700; font-style: normal; font-display: swap;
}

:root {
  /* ---- Brand primaries ---- */
  --midnight:      #162845;
  --sugar-dust:    #FCF8EC;
  --deep-petrol:   #0E818B;
  --coffee-beans:  #DEC4B7;

  /* ---- Brand tertiary ---- */
  --ember:         #FE4D07;

  /* ---- Leaf emblem ---- */
  --leaf:          #1A9F76;
  --leaf-light:    #4CBB77;

  /* ---- Midnight ramp ---- */
  --midnight-80:   #45556e;
  --midnight-60:   #737e91;
  --midnight-40:   #a2a9b5;
  --midnight-20:   #d0d4da;
  --midnight-08:   #eceef1;

  /* ---- Petrol ramp ---- */
  --petrol-80:     #3e9aa2;
  --petrol-60:     #6eb3b9;
  --petrol-40:     #9fcdd1;
  --petrol-20:     #cfe6e8;

  /* ---- Coffee ramp ---- */
  --coffee-60:     #ebd6cd;
  --coffee-30:     #f5eae4;

  /* ---- Ember ramp ---- */
  --ember-80:      #fe7139;
  --ember-12:      #ffe5da;

  /* ---- Neutrals ---- */
  --white:         #ffffff;
  --paper:         #fffdf7;
  --line:          #e7e1d2;
  --line-strong:   #d8d0bd;

  /* ---- Dark-section scaffolding ---- */
  --deep-navy:     #12213b;
  --footer-navy:   #0e1c32;
  --text-on-dark:        var(--sugar-dust);
  --text-on-dark-muted:  #c7d0de;
  --text-on-dark-dim:    #8b99ad;

  /* ---- Semantic ---- */
  --surface-page:  var(--sugar-dust);
  --surface-card:  var(--white);
  --text-heading:  var(--midnight);
  --text-body:     #2c3a52;
  --text-muted:    #54617a;
  --accent:        var(--ember);
  --accent-hover:  #e84400;
  --focus-ring:    var(--deep-petrol);

  /* EDGE product accent. Petrol by default; override to re-theme. */
  --edge-accent:   var(--deep-petrol);

  /* ---- Type ---- */
  --font-display: 'Artegra Sans Ex', 'Segoe UI', system-ui, sans-serif;
  --font-body:    'Open Sans', 'Segoe UI', system-ui, sans-serif;

  /* ---- Layout ---- */
  --container:     1200px;
  --gutter:        40px;
  --radius-sm:     6px;
  --radius-md:     14px;
  --radius-lg:     18px;
  --nav-height:    72px;
}