:root {
  --mimo-ink: #090807;
  --mimo-night: #12100f;
  --mimo-graphite: #1b1816;
  --mimo-ivory: #f4eee7;
  --mimo-stone: #bcb0a6;
  --mimo-terracotta: #c86f4d;
  --mimo-clay: #e09a7d;
  --mimo-copper: #a95136;
  --mimo-moss: #83aa93;
  --mimo-danger: #e77970;

  --mimo-ivory-72: rgba(244, 238, 231, .72);
  --mimo-ivory-48: rgba(244, 238, 231, .48);
  --mimo-ivory-18: rgba(244, 238, 231, .18);
  --mimo-ivory-12: rgba(244, 238, 231, .12);
  --mimo-ivory-08: rgba(244, 238, 231, .08);
  --mimo-ivory-04: rgba(244, 238, 231, .04);
  --mimo-terracotta-28: rgba(200, 111, 77, .28);
  --mimo-terracotta-18: rgba(200, 111, 77, .18);
  --mimo-terracotta-10: rgba(200, 111, 77, .10);
  --mimo-ink-82: rgba(9, 8, 7, .82);
  --mimo-ink-64: rgba(9, 8, 7, .64);

  --mimo-font-ui: "Golos Text", -apple-system, BlinkMacSystemFont, "SF Pro Text", sans-serif;
  --mimo-font-data: "IBM Plex Mono", ui-monospace, monospace;

  --mimo-space-1: 4px;
  --mimo-space-2: 8px;
  --mimo-space-3: 12px;
  --mimo-space-4: 16px;
  --mimo-space-5: 20px;
  --mimo-space-6: 24px;
  --mimo-space-8: 32px;
  --mimo-space-10: 40px;

  --mimo-radius-sm: 12px;
  --mimo-radius-control: 16px;
  --mimo-radius-panel: 22px;
  --mimo-radius-card: 28px;
  --mimo-radius-hero: 36px;
  --mimo-radius-pill: 999px;

  --mimo-shadow-card: 0 22px 64px rgba(0, 0, 0, .34);
  --mimo-shadow-float: 0 32px 90px rgba(0, 0, 0, .48);
  --mimo-shadow-accent: 0 16px 42px rgba(200, 111, 77, .22);

  --mimo-ease-out: cubic-bezier(.22, .82, .2, 1);
  --mimo-ease-in: cubic-bezier(.55, .08, .68, .53);
  --mimo-ease-spring: cubic-bezier(.18, .9, .2, 1.14);
  --mimo-fast: 180ms;
  --mimo-medium: 320ms;
  --mimo-slow: 480ms;
}