/* Lumira Design System v5.0 - tokens. The single source of truth for colour,
   space and motion. No chromatic colour anywhere except --dot (wordmark only). */
:root{
  /* dark register (default) */
  --d-bg:#000000; --d-bg-2:#0a0a0b;
  --d-s1:rgba(255,255,255,0.030); --d-s2:rgba(255,255,255,0.055); --d-s3:rgba(255,255,255,0.080);
  --d-hair:rgba(255,255,255,0.10); --d-hair-2:rgba(255,255,255,0.18);
  --d-fg:#f4f4f5; --d-fg-2:#a6a6aa; --d-muted:#6a6a6e;

  /* light register (Apple pale-grey) */
  --l-bg:#f5f5f7; --l-surface:#ffffff; --l-hair:#e3e3e6;
  --l-fg:#1d1d1f; --l-fg-2:#4a4a4e; --l-muted:#86868b;

  /* the only colour in the system - wordmark dot ONLY */
  --dot:#6ab8f7;

  /* space (4px scale) */
  --space-1:4px; --space-2:8px; --space-3:12px; --space-4:16px; --space-5:20px;
  --space-6:24px; --space-7:32px; --space-8:40px; --space-9:48px;
  --space-10:64px; --space-11:80px; --space-12:120px;
  --container-narrow:720px; --container-base:960px;
  --container-wide:1160px; --container-full:1440px;

  /* motion */
  --motion-fast:150ms; --motion-base:250ms; --motion-slow:400ms;
  --ease:cubic-bezier(0.22,1,0.36,1);
}