/*
 * 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) — FLUID (V2)
     Anchored to the foundation sizes but interpolated, so one
     scale serves 320 → 1440 without per-product clamps.
     --------------------------------------------------------- */
  --mic-type-display:  clamp(2.25rem, 1.4rem + 3.6vw, 3.75rem);
  --mic-type-h1:       clamp(1.9rem, 1.3rem + 2.6vw, 3rem);
  --mic-type-h2:       clamp(1.55rem, 1.15rem + 1.7vw, 2.25rem);
  --mic-type-h3:       clamp(1.3rem, 1.05rem + 1vw, 1.75rem);
  --mic-type-h4:       clamp(1.15rem, 1.02rem + 0.55vw, 1.375rem);
  --mic-type-lead:     clamp(1.02rem, 0.96rem + 0.4vw, 1.125rem);
  /* md / xl — flat, foundation-backed roles.
     Requested by editorial prose (--mic-type-md, 18px) and credibility
     metrics (--mic-type-xl, 28px); defined here to close a token drift
     where golden.css referenced tokens that did not exist. */
  --mic-type-md:       var(--mic-font-size-md);
  --mic-type-xl:       var(--mic-font-size-xl);
  --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:   clamp(1.5rem, 1.1rem + 1.6vw, 2.25rem);

  /* Statement — the serif judgement/opinion voice (editorial gravity). */
  --mic-type-statement: clamp(1.4rem, 1.05rem + 1.6vw, 2.1rem);

  /* ---------------------------------------------------------
     Editorial rhythm
     --------------------------------------------------------- */
  --mic-section-padding: var(--mic-space-11);
  --mic-block-gap:       var(--mic-space-7);
  --mic-stack-gap:       var(--mic-space-5);
  --mic-flow-gap:        var(--mic-space-5); /* default vertical rhythm between prose blocks */
}

/*
 * 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);
}