:root {
  --cme-ref-turquoise-300: #63DADE;
  --cme-ref-turquoise-400: #00CED1;
  --cme-ref-orchid-400: #A26DCB;
  --cme-ref-violet-600: #7848AA;
  --cme-ref-violet-700: #663399;
  --cme-ref-violet-800: #552B80;
  --cme-ref-neutral-0: #FFFFFF;
  --cme-ref-neutral-50: #FAF8FC;
  --cme-ref-neutral-100: #EFEAF5;
  --cme-ref-neutral-200: #E5DEEF;
  --cme-ref-neutral-400: #A79CB8;
  --cme-ref-neutral-500: #8C8399;
  --cme-ref-neutral-600: #5B5268;
  --cme-ref-neutral-700: #736599;
  --cme-ref-neutral-800: #322746;
  --cme-ref-neutral-850: #1D1630;
  --cme-ref-neutral-900: #1A1326;
  --cme-ref-neutral-950: #140F1F;
  --cme-ref-functional-teal-700: #0F7478;
  --cme-ref-functional-amber-700: #8A5A12;
  --cme-ref-functional-amber-300: #E0B267;

  --cme-surface-page: #FAF8FC;
  --cme-surface-raised: #FFFFFF;
  --cme-border-subtle: #E5DEEF;
  --cme-border-strong: #8C8399;
  --cme-text-body: #1A1326;
  --cme-text-muted: #5B5268;
  --cme-text-on-action: #FFFFFF;
  --cme-action-primary: #663399;
  --cme-action-hover: #552B80;
  --cme-evidence: #0F7478;
  --cme-caution: #8A5A12;
  --cme-focus-ring: #663399;
  --cme-decor-solid: #A79CB8;

  --cme-decor-lit: 0.9;

  --cme-c-button-bg-primary: var(--cme-action-primary);
  --cme-c-button-text-primary: var(--cme-text-on-action);
  --cme-c-card-bg: var(--cme-surface-raised);
  --cme-c-card-border: var(--cme-border-subtle);


  --cme-space-1: 4px;
  --cme-space-2: 8px;
  --cme-space-3: 16px;
  --cme-space-4: 24px;
  --cme-space-5: 32px;
  --cme-space-6: 48px;
  --cme-space-7: 64px;
  --cme-space-8: 96px;
  --cme-measure-prose: 68ch;

  --cme-text-100: 0.64rem;
  --cme-text-200: 0.8rem;
  --cme-text-300: 1rem;
  --cme-text-400: 1.125rem;
  --cme-text-500: 1.25rem;
  --cme-text-600: 1.5625rem;
  --cme-text-700: 1.9531rem;
  --cme-text-800: 2.4414rem;
  --cme-text-900: 3.0518rem;

  --cme-dur-fast: 120ms;
  --cme-dur-base: 200ms;
  --cme-dur-slow: 320ms;
  --cme-ease: cubic-bezier(0.2, 0, 0, 1);
}

@media (prefers-color-scheme: dark) {
  :root {
    --cme-surface-page: #140F1F;
    --cme-surface-raised: #1D1630;
    --cme-border-subtle: #322746;
    --cme-border-strong: #736599;
    --cme-text-body: #EFEAF5;
    --cme-text-muted: #A79CB8;
    --cme-text-on-action: #140F1F;
    --cme-action-primary: #00CED1;
    --cme-action-hover: #63DADE;
    --cme-evidence: #63DADE;
    --cme-caution: #E0B267;
    --cme-focus-ring: #00CED1;
    --cme-decor-solid: #5B5268;

    --cme-decor-lit: 1.3;
  }
}