/* Colour system — every value sampled from the supplied campaign artwork
   (Fundo_Gradiente.png, the OUE + OE logos, Post1–4, Story-1/2). */
:root{
  /* ---- Base: brand red ramp (the background gradient, hot corner -> deep corner) */
  --oue-flare:#ef8d3d;      /* orange flare where the gradient meets its hot corner */
  --oue-ember:#e26835;      /* transition orange, just inside the flare */
  --oue-red-400:#d0402c;
  --oue-red-500:#c02f26;    /* brightest true red — the "signal" red */
  --oue-red-600:#a01e1d;    /* mid field: the colour most of a post actually is */
  --oue-red-700:#921419;
  --oue-red-800:#6d0e13;
  --oue-red-900:#46090d;    /* deepest corner */
  --oue-red-950:#2c0508;

  /* ---- Base: logo orange ramp (the U-arrow gradient, dark end -> light end) */
  --oue-orange-500:#ff9a4d;
  --oue-orange-400:#ffa95c;
  --oue-orange-300:#ffb569;
  --oue-orange-200:#ffcf84;
  --oue-orange-100:#ffe0b0;

  /* ---- Base: paper + newsprint (the collage cutouts) */
  --paper-000:#ffffff;
  --paper-050:#f7f5f2;
  --paper-100:#f1f1f1;      /* sticker / envelope body */
  --paper-200:#e0e0e0;
  --paper-300:#c4c4c4;
  --ink-400:#a4a4a4;        /* newsprint mid grey */
  --ink-600:#858585;
  --ink-800:#3d3d3d;
  --ink-900:#141414;        /* newsprint black */

  /* ---- Base: Ordem dos Economistas (parent institution) */
  --oe-crimson:#c32227;
  --oe-grey:#808285;
  --oe-crest-navy:#1f357f;

  /* ---- Semantic: surfaces */
  --surface-brand:var(--oue-red-600);
  --surface-brand-deep:var(--oue-red-800);
  --surface-paper:var(--paper-100);
  --surface-page:var(--paper-050);
  --surface-card:rgba(255,255,255,.10);       /* translucent card on red */
  --surface-card-strong:rgba(255,255,255,.16);
  --surface-inset:rgba(0,0,0,.14);

  /* ---- Semantic: text */
  --text-on-brand:var(--paper-000);
  --text-on-brand-muted:rgba(255,255,255,.74);
  --text-on-brand-soft:#f6dcc9;               /* warm off-white — kickers, subheads */
  --text-accent:var(--oue-orange-300);
  --text-body:var(--ink-800);
  --text-heading:var(--ink-900);
  --text-muted:var(--ink-600);
  --text-brand:var(--oue-red-600);

  /* ---- Semantic: lines */
  --border-on-brand:rgba(255,255,255,.28);
  --border-on-brand-soft:rgba(255,255,255,.16);
  --border-paper:rgba(20,20,20,.12);
  --focus-ring:var(--oue-orange-300);

  /* ---- Signature gradients ------------------------------------------------
     --gradient-field is the campaign background: an orange flare in one corner
     falling through red to near-black in the opposite corner. Rotate it by
     swapping the angle; never change the stops. */
  --gradient-field:linear-gradient(215deg,
      var(--oue-flare) 0%, var(--oue-ember) 8%, var(--oue-red-400) 20%,
      var(--oue-red-500) 34%, var(--oue-red-600) 52%, var(--oue-red-700) 68%,
      var(--oue-red-800) 85%, var(--oue-red-900) 100%);
  --gradient-field-flare:radial-gradient(58% 42% at 96% 3%,
      var(--oue-flare) 0%, rgba(226,104,53,.72) 22%, rgba(192,47,38,0) 62%);
  /* --gradient-mark is the logo's U-arrow gradient. It is also the accent-word
     gradient used on headline fragments ("da Economia"). */
  --gradient-mark:linear-gradient(60deg, var(--oue-orange-500) 0%,
      var(--oue-orange-300) 48%, var(--oue-orange-200) 100%);
  --gradient-protect-b:linear-gradient(to top, rgba(44,5,8,.62), rgba(44,5,8,0)); /* @kind other */
  --gradient-protect-t:linear-gradient(to bottom, rgba(44,5,8,.45), rgba(44,5,8,0)); /* @kind other */
}