:root {
  --mi-cobalto: #00A1F9;
  --mi-abismo: #0056C2;
  --mi-noite: #003D7A;
  --mi-celeste: #4DBEFF;
  --mi-nevoa: #7ECBF7;
  --mi-aurora: #C8E8FD;
  --mi-gelo: #E8F5FF;
  --mi-limao: #F5D23A;
  --mi-ambar: #F4B333;
  --mi-ocre: #C8A000;
  --mi-palha: #FAEBA0;
  --mi-carvao: #0B0B14;
  --mi-ardosia: #1A1A2A;
  --mi-grafite: #2E2E44;
  --mi-pewter: #5A5A78;
  --mi-neblina: #A2A2B8;
  --mi-prata: #C2C2D4;
  --mi-branco: #F7F7F5;
  --ds-bg: var(--mi-carvao);
  --ds-surface: var(--mi-ardosia);
  --ds-surface-hi: var(--mi-grafite);
  --ds-line: rgba(255,255,255,0.08);
  --ds-line-strong: rgba(255,255,255,0.16);
  --ds-text: var(--mi-branco);
  --ds-text-soft: var(--mi-prata);
  --ds-text-mute: var(--mi-neblina);
  --ds-accent: var(--mi-cobalto);
  --ds-accent-2: var(--mi-limao);
  --ds-radius-s: 8px;
  --ds-radius-m: 12px;
  --ds-radius-l: 16px;
  --ds-radius-xl: 20px;
  --ds-radius-pill: 100px;
  --ds-shadow: 0 30px 80px -40px rgba(0,0,0,.7), 0 1px 0 rgba(255,255,255,0.04) inset;
  --ds-display: "Source Sans 3", system-ui, -apple-system, sans-serif;
  --ds-sans: "Inter", system-ui, -apple-system, sans-serif;
  --ds-italic: "Playfair Display", Georgia, serif;
  --ds-mono: ui-monospace, SFMono-Regular, Menlo, monospace;
  --color-green: #4CAF50;
  --color-red: #F44336;
}