/* =============================================================
   Meridian™ Vendor Briefs — brand.css
   Intelligence Unleashed (IU) · DVMH Group
   Design tokens: palette, typography, gradients.
   PALETTE IS LOCKED. Do not introduce colors outside this file.
   ============================================================= */

/* --- Google Fonts (display / body / mono) --- */
@import url('https://fonts.googleapis.com/css2?family=Archivo+Black&family=League+Spartan:wght@300;400;500;600;700&family=DM+Mono:wght@300;400;500&display=swap');

:root {
  /* --- IU core palette (locked) --- */
  --ink:          #060E1A;  /* page background */
  --frost:        #F3FAFF;  /* primary text */
  --amber:        #F68C1D;  /* IU signal color — accents, markers */
  --gold:         #FFD97A;  /* highlights */

  /* --- Supporting neutrals (derived, within-system) --- */
  --navy:         #0A1A2F;  /* card / surface background */
  --navy-2:       #0C1F38;  /* raised surface */
  --fog:          #6A7890;  /* secondary / muted text */
  --hairline:     rgba(243, 250, 255, 0.10); /* borders on dark */
  --hairline-amber: rgba(246, 140, 29, 0.28);

  /* --- IU division ribbon (top hero bar) --- */
  --iu-ribbon: linear-gradient(
      90deg,
      #3D1208 0%,
      #7A3010 25%,
      #C4621A 55%,
      #F68C1D 80%,
      #FFD97A 100%);

  /* --- DVMH arc gradient (footer bar) — AU→CU→PU→MU→IU (brand-correct) --- */
  --dvmh-arc: linear-gradient(
      90deg,
      #6B9E7A 0%,    /* AU Deep Sage      */
      #3A6EA8 25%,   /* CU Structural Blue*/
      #9B59B6 50%,   /* PU Amethyst       */
      #A83240 75%,   /* MU Red Garnet     */
      #F68C1D 100%); /* IU Molten Amber   */

  /* --- Typography --- */
  --font-display: 'Archivo Black', system-ui, sans-serif;
  --font-ui:      'League Spartan', system-ui, sans-serif;
  --font-mono:    'DM Mono', ui-monospace, monospace;

  /* --- Rhythm --- */
  --maxw:        820px;
  --radius:      14px;
  --radius-sm:   9px;
  --shadow:      0 8px 30px rgba(0, 0, 0, 0.35);
  --shadow-amber:0 6px 26px rgba(246, 140, 29, 0.22);
}