/* MIN Visual System V1 — Cartografía de Inteligencia
 * Generated semantic projection of min-cartography.tokens.json.
 * Components consume semantic roles before primitive values.
 */
:root {
  color-scheme: dark;

  --min-color-void: #08111C;
  --min-color-panel: #111D29;
  --min-color-raised: #182736;
  --min-color-line: #314556;
  --min-color-text: #E8EEF3;
  --min-color-muted: #9EAFBC;
  --min-color-blue: #5FA8D3;
  --min-color-cyan: #74D3E8;
  --min-color-violet: #9586C8;
  --min-color-amber: #C9A35D;
  --min-color-clay: #B9656B;
  --min-color-sage: #6FA58D;

  --min-surface-canvas: var(--min-color-void);
  --min-surface-panel: var(--min-color-panel);
  --min-surface-raised: var(--min-color-raised);
  --min-content-primary: var(--min-color-text);
  --min-content-secondary: var(--min-color-muted);
  --min-border-default: var(--min-color-line);
  --min-action-primary: var(--min-color-blue);
  --min-focus-ring: var(--min-color-cyan);
  --min-state-active: var(--min-color-cyan);
  --min-state-stable: var(--min-color-sage);
  --min-state-attention: var(--min-color-amber);
  --min-state-error: var(--min-color-clay);
  --min-state-unknown: var(--min-color-muted);
  --min-concept-cognitive: var(--min-color-violet);
  --min-data-series-1: var(--min-color-blue);
  --min-data-series-2: var(--min-color-violet);
  --min-data-series-3: var(--min-color-sage);
  --min-data-series-4: var(--min-color-amber);
  --min-data-series-5: var(--min-color-cyan);

  --min-space-0: 0px;
  --min-space-1: 4px;
  --min-space-2: 8px;
  --min-space-3: 12px;
  --min-space-4: 16px;
  --min-space-5: 20px;
  --min-space-6: 24px;
  --min-space-8: 32px;
  --min-space-10: 40px;
  --min-space-12: 48px;
  --min-space-16: 64px;

  --min-radius-small: 4px;
  --min-radius-control: 8px;
  --min-radius-panel: 12px;
  --min-radius-feature: 16px;
  --min-radius-pill: 999px;

  --min-font-sans: Inter, ui-sans-serif, system-ui, -apple-system,
    BlinkMacSystemFont, "Segoe UI", sans-serif;
  --min-font-mono: ui-monospace, "SFMono-Regular", Consolas,
    "Liberation Mono", monospace;
  --min-font-size-caption: 11px;
  --min-font-size-label: 12px;
  --min-font-size-body: 14px;
  --min-font-size-body-large: 16px;
  --min-font-size-title-3: 20px;
  --min-font-size-title-2: 24px;
  --min-font-size-title-1: 32px;
  --min-font-size-display: 48px;
  --min-line-height-caption: 1.45;
  --min-line-height-body: 1.57;
  --min-line-height-reading: 1.65;
  --min-line-height-heading: 1.25;
  --min-font-weight-regular: 400;
  --min-font-weight-medium: 520;
  --min-font-weight-semibold: 560;

  --min-motion-fast: 120ms;
  --min-motion-standard: 180ms;
  --min-motion-slow: 320ms;
  --min-motion-ambient: 2400ms;
  --min-easing-standard: cubic-bezier(0.2, 0, 0, 1);

  --min-breakpoint-compact: 768px;
  --min-breakpoint-medium: 768px;
  --min-breakpoint-wide: 1080px;
  --min-breakpoint-canvas: 1440px;

  --min-shadow-panel: 0 12px 32px rgba(0, 0, 0, 0.18);
  --min-shadow-overlay: 0 20px 56px rgba(0, 0, 0, 0.34);
}

@media (prefers-reduced-motion: reduce) {
  :root {
    --min-motion-fast: 0.01ms;
    --min-motion-standard: 0.01ms;
    --min-motion-slow: 0.01ms;
    --min-motion-ambient: 0.01ms;
  }
}