:root {
  --bg: #0b0b0d;
  --bg-elevated: #101013;
  --surface: #131316;
  --surface-2: #17171b;
  --surface-3: #1c1c21;
  --border: rgba(255, 255, 255, 0.07);
  --border-strong: rgba(255, 255, 255, 0.12);
  --border-faint: rgba(255, 255, 255, 0.045);
  --mikupink: #e100ff;
  --text: #00ffff;
  --text-2: #a7a7b0;
  --text-3: #6f6f78;
  --text-4: #4d4d55;

  --accent: #6ee77e;
  --accent-2: #3ddc6b;
  --accent-strong: #84f294;
  --accent-dim: rgba(110, 231, 126, 0.12);
  --accent-faint: rgba(110, 231, 126, 0.06);
  --accent-glow: rgba(110, 231, 126, 0.28);

  --amber: #e8c468;
  --amber-dim: rgba(232, 196, 104, 0.12);
  --red: #f07178;
  --red-dim: rgba(240, 113, 120, 0.12);

  --font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Inter, Roboto, "Helvetica Neue", Arial, sans-serif;
  --font-mono: ui-monospace, "SF Mono", SFMono-Regular, "Cascadia Mono", Menlo, Consolas, monospace;

  --radius-s: 8px;
  --radius: 14px;
  --radius-l: 20px;

  --shadow-1: 0 1px 2px rgba(0, 0, 0, 0.35);
  --shadow-2: 0 12px 32px rgba(0, 0, 0, 0.45);
  --shadow-glow: 0 0 0 1px var(--accent-dim), 0 0 24px var(--accent-glow);

  --sidebar-w: 264px;
  --topbar-h: 64px;

  --ease: cubic-bezier(0.22, 0.61, 0.36, 1);
  --dur: 200ms;
  --dur-slow: 420ms;

  --max-templates: 150px;
}