/*
 * MIC Design Language — Layer 3: Properties
 * ============================================================
 * Contextual properties. Assigns semantic tokens to concrete
 * surfaces and exposes the PUBLIC vs MANAGEMENT divergence.
 *
 * Dependency: semantic.css
 * Consumed by: primitives.css
 *
 * Philosophy (locked):
 *   Editorial on the outside. Instrument on the inside.
 *   Public  → generous rhythm, authority, reading measure.
 *   Management → tighter density, scannable, operational.
 */

:root {
  /* Base surface */
  --mic-bg:            var(--mic-color-canvas);
  --mic-fg:            var(--mic-color-ink);
  --mic-fg-soft:       var(--mic-color-ink-soft);
  --mic-fg-muted:      var(--mic-color-ink-muted);

  /* Buttons */
  --mic-control-height:      46px;
  --mic-control-height-sm:   36px;
  --mic-control-padding-x:   var(--mic-space-6);
  --mic-control-radius:      var(--mic-radius-sm);
  --mic-control-font-size:   var(--mic-type-small);
  --mic-control-font-weight: var(--mic-font-weight-semibold);
  --mic-control-tracking:    var(--mic-tracking-wide);

  /* Cards & panels */
  --mic-panel-bg:      var(--mic-color-surface);
  --mic-panel-border:  1px solid var(--mic-color-border);
  --mic-panel-radius:  var(--mic-radius-md);
  --mic-panel-padding: var(--mic-space-8);
  --mic-panel-shadow:  var(--mic-shadow-sm);

  /* Case / editorial layout */
  --mic-case-measure:      var(--mic-measure);
  --mic-case-hero-height:  min(72vh, 640px);
  --mic-case-section-gap:  var(--mic-space-10);
  --mic-case-block-gap:    var(--mic-space-6);
  --mic-eyebrow-color:     var(--mic-color-evidence);
  --mic-evidence-rule:     3px solid var(--mic-color-evidence);

  /* Meta / label */
  --mic-label-size:     var(--mic-type-caption);
  --mic-label-tracking: var(--mic-tracking-eyebrow);
  --mic-label-weight:   var(--mic-font-weight-semibold);
}

/*
 * Management surface — denser instrument.
 * Applied via body.mic-mode-management.
 */
.mic-mode-management {
  --mic-bg:            var(--mic-color-surface-sunken);
  --mic-control-height:    40px;
  --mic-control-padding-x: var(--mic-space-4);
  --mic-panel-padding:     var(--mic-space-6);
  --mic-case-section-gap:  var(--mic-space-8);
  --mic-section-padding:   var(--mic-space-8);
  --mic-container:         1440px;
}

/* Public surface defaults (explicit, for clarity) */
.mic-mode-public {
  --mic-bg: var(--mic-color-canvas);
  --mic-fg: var(--mic-color-ink);
}