/* ============================================================
   Crioula — Colour tokens
   The institutional palette (paleta institucional) is fixed and
   ordered. It is drawn from sunflowers, plants, earth and seeds —
   "a conexão e alinhamento da Crioula com a Natureza."
   Hex values are the authoritative ones from the Identidade Visual
   guide (page 3). DO NOT reorder or recolour the institutional set.
   ============================================================ */

:root {
  /* ---- Institutional palette (in order) ------------------ */
  --crioula-cinza:   #a7a9ac; /* cinza claro  — C0 M0 Y0 K40  */
  --crioula-grafite: #404041; /* grafite      — C0 M0 Y0 K90  */
  --crioula-terra:   #6b4825; /* terra/marrom — earth, roots  */
  --crioula-semente: #b99874; /* semente/camel— seeds, kraft  */
  --crioula-mata:    #506f5d; /* verde mata   — plants, leaves */
  --crioula-girassol:#e9ab21; /* girassol     — sunflower gold */

  /* ---- Base scale (derived, harmonious) ------------------ */
  --paper:      #f6f3ec; /* warm off-white — the brand's "cream" ground */
  --paper-2:    #efe9dd; /* deeper cream / recycled paper */
  --kraft:      #b08a5f; /* kraft board tone (business cards)  */
  --ink:        #2f2b28; /* warm near-black text on paper      */
  --white:      #ffffff;

  /* verde mata tints & shades */
  --mata-900: #33473c;
  --mata-800: #3f584b;
  --mata-700: #506f5d; /* base */
  --mata-500: #6f8c7c;
  --mata-300: #a9bcb1;
  --mata-100: #dde5df;

  /* girassol tints & shades */
  --girassol-700: #b9821a;
  --girassol-600: #d1961e;
  --girassol-500: #e9ab21; /* base */
  --girassol-300: #f2c968;
  --girassol-100: #faecc6;

  /* terra tints & shades */
  --terra-700: #513516;
  --terra-500: #6b4825; /* base */
  --terra-300: #9a7a55;

  /* cinza / neutral scale */
  --neutral-900: #404041; /* grafite */
  --neutral-700: #5d5e5f;
  --neutral-500: #8a8c8e;
  --neutral-400: #a7a9ac; /* cinza */
  --neutral-300: #c6c7c9;
  --neutral-200: #e2e3e4;
  --neutral-100: #f0f0f0;

  /* ---- Semantic aliases ---------------------------------- */
  --surface-page:     var(--paper);
  --surface-card:     var(--white);
  --surface-sunken:   var(--paper-2);
  --surface-inverse:  var(--mata-700);
  --surface-kraft:    var(--kraft);

  --text-strong:   var(--ink);
  --text-body:     #4a453f;
  --text-muted:    #8a857d;
  --text-on-dark:  var(--paper);
  --text-on-dark-muted: #c7cfc8;

  --brand-primary:   var(--mata-700);     /* verde mata leads */
  --brand-accent:    var(--girassol-500); /* girassol accent  */
  --brand-earth:     var(--terra-500);

  --border-subtle:  #e4ddd0;
  --border-default: #d8cfbe;
  --border-strong:  #b9ac93;

  --focus-ring:     var(--girassol-500);

  --link:        var(--mata-700);
  --link-hover:  var(--terra-500);
}