/* Paleta actual de Michis LAB. Los componentes consumen variables. */
:root {
  --color-primary: #00f2ff;
  --color-primary-container: #00ccdb;
  --color-primary-fixed: #9cf2e8;
  --color-primary-fixed-dim: #80d5cb;
  --color-on-primary: #000;
  --color-secondary: #8a2be2;
  --color-secondary-container: #7525c0;
  --color-on-secondary: #fff;
  --color-tertiary: #0a0e17;
  --color-tertiary-container: #151b28;
  --color-tertiary-fixed: #ffdadb;
  --color-on-tertiary: #fff;
  --color-surface: #fff;
  --color-surface-bright: #fff;
  --color-surface-dim: #f1f4f9;
  --color-surface-container-lowest: #fff;
  --color-surface-container-low: #f8f9fa;
  --color-surface-container: #f1f4f9;
  --color-surface-container-high: #e9ecef;
  --color-surface-container-highest: #dee2e6;
  --color-on-surface: #000;
  --color-on-surface-variant: #495057;
  --color-outline: #ced4da;
  --color-outline-variant: #adb5bd;
  --color-action: var(--color-primary);
  --color-on-action: var(--color-on-primary);
  --color-action-hover: var(--color-primary-container);
  --color-action-secondary: var(--color-secondary);
  --color-action-secondary-hover: var(--color-secondary-container);
  --color-on-action-secondary: var(--color-on-secondary);
  --color-page: var(--color-surface-dim);
  --color-panel: var(--color-surface);
  --color-text: var(--color-on-surface);
  --color-text-muted: var(--color-on-surface-variant);
  --color-border: var(--color-outline);
  --color-focus: var(--color-secondary);
  --color-navigation: var(--color-tertiary);
  --color-on-navigation: var(--color-on-tertiary);
}