:root,
[data-theme="dark"] {
  --ak-ink: #0b0f12;
  --ak-graphite: #151b21;
  --ak-slate: #1e262e;
  --ak-raised: #273039;
  --ak-text: #e8ecef;
  --ak-text-muted: #9aa5ad;
  --ak-text-faint: #6b767f;
  --ak-hairline: rgba(232, 236, 239, 0.12);
  --ak-hairline-strong: rgba(232, 236, 239, 0.22);
  --ak-signal: #1fa6a0;
  --ak-signal-bright: #3dc9c1;
  --ak-signal-wash: rgba(31, 166, 160, 0.14);
  --ak-signal-deep: #0f6f6b;
  --ak-spark: #e0a04a;
  --ak-spark-hover: #f0b45c;
  --ak-spark-ink: #0b0f12;
  --ak-success: #3d9a6a;
  --ak-danger: #d45a5a;
  --ak-warning: #c9943a;
  --ak-hero-field: #0b0f12;
  --ak-hero-veil: radial-gradient(
      ellipse 80% 60% at 70% 40%,
      rgba(31, 166, 160, 0.18) 0%,
      transparent 55%
    ),
    linear-gradient(165deg, #0b0f12 0%, #121820 45%, #0b0f12 100%);
  --ak-shadow-soft: 0 12px 40px rgba(0, 0, 0, 0.35);
}

[data-theme="light"] {
  --ak-ink: #f2f4f6;
  --ak-graphite: #ffffff;
  --ak-slate: #e7ebef;
  --ak-raised: #dde3e8;
  --ak-text: #12171c;
  --ak-text-muted: #5a6570;
  --ak-text-faint: #87919a;
  --ak-hairline: rgba(18, 23, 28, 0.1);
  --ak-hairline-strong: rgba(18, 23, 28, 0.18);
  --ak-signal: #0f7f7a;
  --ak-signal-bright: #1fa6a0;
  --ak-signal-wash: rgba(15, 127, 122, 0.1);
  --ak-signal-deep: #0a5c58;
  --ak-spark: #c4842e;
  --ak-spark-hover: #d49438;
  --ak-spark-ink: #12171c;
  --ak-hero-field: #eef1f4;
  --ak-hero-veil: radial-gradient(
      ellipse 70% 50% at 75% 35%,
      rgba(15, 127, 122, 0.12) 0%,
      transparent 50%
    ),
    linear-gradient(165deg, #f2f4f6 0%, #e8ecef 100%);
  --ak-shadow-soft: 0 8px 28px rgba(18, 23, 28, 0.08);
}

:root {
  --ak-font-display: "Syne", "Segoe UI", sans-serif;
  --ak-font-brand: var(--ak-font-display);
  --font-brand: var(--ak-font-brand);
  --ak-font-body: "IBM Plex Sans", "Segoe UI", sans-serif;
  --ak-font-mono: "IBM Plex Mono", ui-monospace, monospace;
  --ak-font-weight-brand: 700;
  --ak-font-weight-brand-hero: 800;
  --ak-font-weight-display: 700;
  --ak-font-brand-weight: var(--ak-font-weight-brand);
  --ak-font-brand-weight-hero: var(--ak-font-weight-brand-hero);
  --ak-text-xs: 0.75rem;
  --ak-text-sm: 0.875rem;
  --ak-text-md: 1rem;
  --ak-text-lg: 1.125rem;
  --ak-text-xl: 1.5rem;
  --ak-text-2xl: 2rem;
  --ak-text-3xl: clamp(2.25rem, 4vw, 3.25rem);
  --ak-text-brand: clamp(2.75rem, 7vw, 5.5rem);
  --ak-leading-tight: 1.15;
  --ak-leading-snug: 1.35;
  --ak-leading-body: 1.6;
  --ak-tracking-brand: -0.03em;
  --ak-tracking-label: 0.08em;
  --ak-isotype-nav: 2rem;
  --ak-isotype-footer: 1.75rem;
  --ak-isotype-hero: clamp(2.5rem, 5vw, 3.5rem);
  --ak-brand-clearance: 0.25;
  --ak-space-1: 0.25rem;
  --ak-space-2: 0.5rem;
  --ak-space-3: 0.75rem;
  --ak-space-4: 1rem;
  --ak-space-5: 1.5rem;
  --ak-space-6: 2rem;
  --ak-space-7: 3rem;
  --ak-space-8: 4rem;
  --ak-space-9: 6rem;
  --ak-radius-sm: 0.25rem;
  --ak-radius-md: 0.5rem;
  --ak-radius-lg: 0.75rem;
  --ak-content-max: 72rem;
  --ak-measure: 40rem;
}