/* ============================================================
   ECWE — COLOR TOKENS
   Premium institutional palette: ivory grounds, copper/bronze
   accents, near-black ink. No bright or commercial colors.
   ============================================================ */
:root {
  /* ---- Brand copper / bronze (the metallic accent) ---- */
  --copper-50:  #FBF3EB;
  --copper-100: #F3E0CE;
  --copper-200: #E6C3A1;
  --copper-300: #D6A074;
  --copper-400: #C5824F;
  --copper-500: #B26B3F;  /* core brand copper (wordmark) */
  --copper-600: #9B5A33;
  --copper-700: #7E4828;  /* deep bronze */
  --copper-800: #5E3620;
  --copper-900: #3F2517;

  /* ---- Ink / neutrals (warm-tinted greys, never pure cold) ---- */
  --ink-900: #1C1A17;  /* primary text, near-black */
  --ink-800: #2A2722;
  --ink-700: #423D35;
  --ink-600: #5C564B;
  --ink-500: #7A7264;
  --ink-400: #9C9484;
  --ink-300: #C2BAA9;
  --ink-200: #E0D8C8;
  --ink-100: #EFE9DD;
  --ink-50:  #F7F2E9;

  /* ---- Surfaces (ivory / cream / white) ---- */
  --white:      #FFFFFF;
  --ivory:      #FDFCFA;  /* default page ground (evolved: cleaner, lighter) */
  --ivory-deep: #F9F7F2;  /* alternating section ground (evolved: cleaner, lighter) */
  --parchment:  #F8F1E6;  /* certificate / document ground */
  --obsidian:   #15120D;  /* dark institutional ground (evolved: deeper near-black) */
  --obsidian-2: #23201A;

  /* ---- Semantic status (muted, institutional) ---- */
  --success: #5B7355;
  --warning: #B07A2E;
  --danger:  #9B3D34;
  --info:    #4A5C6E;

  /* ============================================================
     SEMANTIC ALIASES — reference these in components
     ============================================================ */
  --color-accent:        var(--copper-500);
  --color-accent-hover:  var(--copper-600);
  --color-accent-press:  var(--copper-700);
  --color-accent-soft:   var(--copper-100);
  --color-accent-tint:   var(--copper-50);

  --text-strong:   var(--ink-900);
  --text-body:     var(--ink-700);
  --text-muted:    var(--ink-500);
  --text-faint:    var(--ink-400);
  --text-on-dark:  #F3ECE0;
  --text-on-accent:#FFFFFF;

  --surface-page:   var(--ivory);
  --surface-alt:    var(--ivory-deep);
  --surface-card:   var(--white);
  --surface-sunken: var(--parchment);
  --surface-dark:   var(--obsidian);

  --border-hairline: #E7DFCF;  /* warm hairline divider (evolved) */
  --border-soft:     #EDE4D6;
  --border-strong:   #DACFBA;
  --border-accent:   var(--copper-300);

  /* Metallic gradient (use sparingly: rules, seals, foil text) */
  --gradient-copper: linear-gradient(135deg, #C5824F 0%, #B26B3F 38%, #8A4F2C 72%, #B98152 100%); /* @kind other */
  --gradient-foil:   linear-gradient(100deg, #8A4F2C 0%, #D6A074 28%, #F3E0CE 50%, #C5824F 72%, #7E4828 100%); /* @kind other */
}