@layer entelecy.tokens {
  :root {
    color-scheme: light dark;

    --ec-font-sans: Inter, "Segoe UI", system-ui, -apple-system, sans-serif;
    --ec-font-display: Georgia, "Times New Roman", serif;
    --ec-font-mono: "JetBrains Mono", "SFMono-Regular", Consolas, monospace;

    --ec-step--1: clamp(0.76rem, 0.72rem + 0.12vw, 0.84rem);
    --ec-step-0: clamp(0.94rem, 0.9rem + 0.16vw, 1.04rem);
    --ec-step-1: clamp(1.12rem, 1rem + 0.35vw, 1.34rem);
    --ec-step-2: clamp(1.42rem, 1.18rem + 0.72vw, 1.9rem);
    --ec-step-3: clamp(1.9rem, 1.45rem + 1.38vw, 2.8rem);
    --ec-step-4: clamp(2.55rem, 1.75rem + 2.5vw, 4.35rem);

    --ec-space-1: 0.25rem;
    --ec-space-2: 0.5rem;
    --ec-space-3: 0.75rem;
    --ec-space-4: 1rem;
    --ec-space-5: 1.5rem;
    --ec-space-6: 2rem;
    --ec-space-7: 3rem;
    --ec-space-8: 4.5rem;
    --ec-space-9: 7rem;

    --ec-radius-sm: 0.55rem;
    --ec-radius-md: 0.9rem;
    --ec-radius-lg: 1.35rem;
    --ec-radius-xl: 2rem;
    --ec-radius-pill: 999px;

    --ec-content: 76rem;
    --ec-reading: 44rem;
    --ec-gutter: clamp(1rem, 3vw, 3rem);
    --ec-header-height: 4.75rem;

    --ec-gold-100: #fff1df;
    --ec-gold-300: #e2b585;
    --ec-gold-500: #b97b46;
    --ec-copper: #d76b43;
    --ec-blue: #6aa8cb;
    --ec-green: #7fb7a0;

    --ec-duration-fast: 140ms;
    --ec-duration-base: 240ms;
    --ec-ease: cubic-bezier(0.2, 0.72, 0.24, 1);
  }

  :root,
  [data-theme="night"] {
    --ec-bg: #0d0c0c;
    --ec-bg-elevated: #151313;
    --ec-surface: rgb(25 22 21 / 0.82);
    --ec-surface-strong: #1b1817;
    --ec-text: #f0ece6;
    --ec-text-muted: #aaa39d;
    --ec-text-faint: #756f6b;
    --ec-line: rgb(238 205 170 / 0.16);
    --ec-line-strong: rgb(238 205 170 / 0.3);
    --ec-accent: #e2b585;
    --ec-accent-ink: #18110c;
    --ec-focus: #fff1df;
    --ec-shadow: 0 28px 80px rgb(0 0 0 / 0.3);
    --ec-glow: 0 0 24px rgb(226 181 133 / 0.08);
    --ec-logo-filter: none;
    --ec-code-bg: #0d1015;
    --ec-code-text: #cbd5e1;
    --ec-code-muted: #8c939e;
    --ec-code-line: rgb(255 255 255 / 0.11);
    --ec-code-button: #d7dce4;
  }

  [data-theme="day"] {
    --ec-bg: #f3efe8;
    --ec-bg-elevated: #faf7f2;
    --ec-surface: rgb(255 252 247 / 0.82);
    --ec-surface-strong: #fffdfa;
    --ec-text: #1b1714;
    --ec-text-muted: #6f665f;
    --ec-text-faint: #978c83;
    --ec-line: rgb(69 50 35 / 0.14);
    --ec-line-strong: rgb(69 50 35 / 0.26);
    --ec-accent: #a86535;
    --ec-accent-ink: #fffaf4;
    --ec-focus: #7f4d2d;
    --ec-shadow: 0 28px 80px rgb(72 52 36 / 0.11);
    --ec-glow: 0 0 24px rgb(168 101 53 / 0.06);
    --ec-logo-filter: invert(1);
    --ec-code-bg: #eee5d8;
    --ec-code-text: #3c3129;
    --ec-code-muted: #75685d;
    --ec-code-line: rgb(72 52 36 / 0.16);
    --ec-code-button: #4b3c31;
  }
}