:root,
[data-elab-theme="luminous"] {
  --elab-field: #020e12;
  --elab-primary: #99dbf4;
  --elab-secondary: #169bd0;
  --elab-structure: #1179a2;
  --elab-accent: #f1c75b;
  --elab-paper: #eaf9fd;
  --elab-ink: #06141a;
}

[data-elab-theme="prism"] {
  --elab-field: #111a36;
  --elab-primary: #203a8f;
  --elab-secondary: #536dfe;
  --elab-structure: #17275f;
  --elab-accent: #ff6b5e;
  --elab-paper: #f3f5fb;
  --elab-ink: #111a36;
}

[data-elab-theme="human"] {
  --elab-field: #242038;
  --elab-primary: #5a496b;
  --elab-secondary: #e66b5b;
  --elab-structure: #40334f;
  --elab-accent: #f6c453;
  --elab-paper: #f4ebdd;
  --elab-ink: #2b2438;
}

[data-elab-theme="living"] {
  --elab-field: #0c2f2b;
  --elab-primary: #176a63;
  --elab-secondary: #2fb89d;
  --elab-structure: #0c4843;
  --elab-accent: #c9ef6a;
  --elab-paper: #eff7f1;
  --elab-ink: #0c2f2b;
}

:root {
  --elab-space-1: 8px;
  --elab-space-2: 16px;
  --elab-space-3: 24px;
  --elab-space-4: 32px;
  --elab-space-6: 48px;
  --elab-space-8: 64px;
  --elab-space-12: 96px;
  --elab-space-16: 128px;
  --elab-motion-fast: 200ms;
  --elab-motion-standard: 350ms;
  --elab-motion-trace: 600ms;
}
