/*
 * MIC Design Language — Layer 2: Semantic
 * ============================================================
 * Meaning. Maps raw palette to intent.
 *
 * Dependency: foundation.css
 * Consumed by: properties.css
 *
 * Key semantic decision:
 *   Gold is EVIDENCE / EMPHASIS, not a luxury fill.
 *   It marks judgement, proof and selected state — never a big
 *   brand background.
 */

:root {
  /* ---------------------------------------------------------
     Ink & Paper — the editorial core
     --------------------------------------------------------- */
  --mic-color-ink:        var(--mic-palette-midnight-900);
  --mic-color-ink-soft:   var(--mic-palette-slate-700);
  --mic-color-ink-muted:  var(--mic-palette-slate-600);
  --mic-color-ink-faint:  var(--mic-palette-slate-500);

  --mic-color-paper:        var(--mic-palette-paper-000);
  --mic-color-canvas:       var(--mic-palette-paper-050);
  --mic-color-surface:      var(--mic-palette-paper-000);
  --mic-color-surface-sunken: var(--mic-palette-slate-050);
  --mic-color-surface-raised: var(--mic-palette-paper-000);

  --mic-color-border:        var(--mic-palette-slate-200);
  --mic-color-border-strong: var(--mic-palette-slate-300);
  --mic-color-border-faint:  var(--mic-palette-slate-100);

  /* ---------------------------------------------------------
     Authority & Evidence
     --------------------------------------------------------- */
  --mic-color-authority:      var(--mic-palette-midnight-900);
  --mic-color-authority-soft: var(--mic-palette-midnight-700);
  --mic-color-evidence:       var(--mic-palette-gold-500);
  --mic-color-evidence-soft:  var(--mic-palette-gold-100);
  --mic-color-evidence-text:  var(--mic-palette-gold-700); /* text on light ink surfaces */
  --mic-color-emphasis:       var(--mic-palette-gold-500);
  --mic-color-emphasis-text:  var(--mic-palette-midnight-900);

  /* ---------------------------------------------------------
     Interactive
     --------------------------------------------------------- */
  --mic-color-link:       var(--mic-palette-midnight-700);
  --mic-color-link-hover: var(--mic-palette-midnight-900);
  --mic-color-focus:      var(--mic-palette-gold-500);
  --mic-color-selected:   var(--mic-palette-gold-100);

  /* ---------------------------------------------------------
     States
     --------------------------------------------------------- */
  --mic-color-success: var(--mic-palette-green-600);
  --mic-color-warning: var(--mic-palette-amber-600);
  --mic-color-error:   var(--mic-palette-red-600);
  --mic-color-info:    var(--mic-palette-blue-600);
  --mic-color-success-soft: #e7f4ec;
  --mic-color-warning-soft: #fbf0e2;
  --mic-color-error-soft:   #fbeaea;
  --mic-color-info-soft:    #e8eefc;

  /* ---------------------------------------------------------
     Type roles (editorial scale)
     --------------------------------------------------------- */
  --mic-type-display:  var(--mic-font-size-4xl);
  --mic-type-h1:       var(--mic-font-size-3xl);
  --mic-type-h2:       var(--mic-font-size-2xl);
  --mic-type-h3:       var(--mic-font-size-xl);
  --mic-type-h4:       var(--mic-font-size-lg);
  --mic-type-lead:     var(--mic-font-size-md);
  --mic-type-body:     var(--mic-font-size-base);
  --mic-type-small:    var(--mic-font-size-sm);
  --mic-type-caption:  var(--mic-font-size-xs);
  --mic-type-eyebrow:  var(--mic-font-size-xs);
  --mic-type-metric:   var(--mic-font-size-2xl);

  /* ---------------------------------------------------------
     Editorial rhythm
     --------------------------------------------------------- */
  --mic-section-padding: var(--mic-space-11);
  --mic-block-gap:       var(--mic-space-7);
  --mic-stack-gap:       var(--mic-space-5);
}

/*
 * Ink surface — invert the editorial core (deep authority canvas).
 * Used for hero bands and evidence panels, NOT for long reading.
 */
.mic-surface-ink {
  --mic-color-ink:        var(--mic-palette-paper-050);
  --mic-color-ink-soft:   rgba(255, 255, 255, 0.72);
  --mic-color-ink-muted:  rgba(255, 255, 255, 0.56);
  --mic-color-ink-faint:  rgba(255, 255, 255, 0.40);

  --mic-color-surface:        var(--mic-palette-midnight-900);
  --mic-color-surface-sunken: var(--mic-palette-midnight-800);
  --mic-color-surface-raised: var(--mic-palette-midnight-800);
  --mic-color-paper:          var(--mic-palette-midnight-900);
  --mic-color-canvas:         var(--mic-palette-midnight-900);

  --mic-color-border:        rgba(255, 255, 255, 0.14);
  --mic-color-border-strong: rgba(255, 255, 255, 0.28);
  --mic-color-border-faint:  rgba(255, 255, 255, 0.08);

  --mic-color-link:       var(--mic-palette-gold-300);
  --mic-color-link-hover: var(--mic-palette-gold-100);
}