:root {
  --ah-white: #FFFFFF;
  --ah-lime: #F7F5F0;
  --ah-lime-deep: #EFECE4;
  --ah-shell: #E4DFD5;

  --ah-ink: #15171B;
  --ah-ink-soft: #52555B;
  --ah-ink-faint: #64676E;

  --ah-aegean: #14607F;
  --ah-aegean-deep: #0D4256;
  --ah-aegean-soft: #3A8BAD;
  --ah-aegean-wash: rgba(20, 96, 127, 0.08);

  --ah-sand: #C1935F;
  --ah-sand-ink: #8A6535;
  --ah-sand-wash: rgba(193, 147, 95, 0.12);

  --ah-olive: #6A7A54;
  --ah-olive-deep: #4A563A;

  --ah-line: rgba(21, 23, 27, 0.09);
  --ah-line-strong: rgba(21, 23, 27, 0.17);

  --ah-band: #0D4256;
  --ah-band-ink: #F2F4F3;
  --ah-band-soft: #B7CBD6;
  --ah-band-rule: rgba(242, 244, 243, 0.18);
  --ah-band-accent: #DCC08C;
  --ah-band-accent-ink: #201705;

  --ah-veil: rgba(247, 245, 240, 0.78);
  --ah-veil-solid: rgba(247, 245, 240, 0.94);

  --ah-success: #3D7548;
  --ah-warning: #9A6B22;
  --ah-danger: #97382C;
  --ah-success-wash: rgba(61, 117, 72, 0.10);
  --ah-warning-wash: rgba(154, 107, 34, 0.11);
  --ah-danger-wash: rgba(151, 56, 44, 0.10);

  --ah-font-display: "Commissioner", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --ah-font-text: "Commissioner", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --ah-font-mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;

  --ah-step--2: clamp(0.74rem, 0.72rem + 0.10vw, 0.80rem);
  --ah-step--1: clamp(0.87rem, 0.84rem + 0.15vw, 0.96rem);
  --ah-step-0: clamp(1.02rem, 0.98rem + 0.20vw, 1.12rem);
  --ah-step-1: clamp(1.24rem, 1.16rem + 0.38vw, 1.48rem);
  --ah-step-2: clamp(1.52rem, 1.38rem + 0.68vw, 1.98rem);
  --ah-step-3: clamp(1.86rem, 1.62rem + 1.18vw, 2.66rem);
  --ah-step-4: clamp(2.28rem, 1.90rem + 1.90vw, 3.56rem);
  --ah-step-5: clamp(2.80rem, 2.19rem + 3.03vw, 4.78rem);

  --ah-track-tight: -0.022em;
  --ah-track-tighter: -0.034em;

  --ah-space-2xs: 0.4rem;
  --ah-space-xs: 0.85rem;
  --ah-space-s: 1.35rem;
  --ah-space-m: 2.4rem;
  --ah-space-l: 4.5rem;
  --ah-space-xl: 8.5rem;
  --ah-space-2xl: 13rem;

  --ah-radius-xs: 5px;
  --ah-radius-s: 8px;
  --ah-radius-m: 14px;
  --ah-radius-l: 22px;
  --ah-radius-xl: 32px;
  --ah-radius-pill: 999px;

  --ah-shadow-s: 0 1px 2px rgba(21, 23, 27, 0.04), 0 2px 10px rgba(21, 23, 27, 0.03);
  --ah-shadow-m: 0 2px 8px rgba(21, 23, 27, 0.04), 0 16px 40px rgba(21, 23, 27, 0.06);
  --ah-shadow-l: 0 4px 16px rgba(21, 23, 27, 0.05), 0 32px 72px rgba(21, 23, 27, 0.09);

  --ah-ease: cubic-bezier(0.22, 0.61, 0.36, 1);
  --ah-ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --ah-dur-fast: 140ms;
  --ah-dur: 300ms;
  --ah-dur-slow: 620ms;

  --ah-measure: 60ch;
  --ah-container: 1280px;
  --ah-container-narrow: 720px;
  --ah-nav-h: 68px;

  color-scheme: light;
}

:root:not([data-theme="light"]) {
  color-scheme: light;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --ah-white: #1B1D22;
    --ah-lime: #131519;
    --ah-lime-deep: #191B20;
    --ah-shell: #24262C;

    --ah-ink: #F1F2F4;
    --ah-ink-soft: #A9ACB3;
    --ah-ink-faint: #969AA2;

    --ah-aegean: #6BB4D6;
    --ah-aegean-deep: #9BD0E8;
    --ah-aegean-soft: #4C90B4;
    --ah-aegean-wash: rgba(107, 180, 214, 0.14);

    --ah-sand: #D9A970;
    --ah-sand-ink: #DDB27E;
    --ah-sand-wash: rgba(217, 169, 112, 0.14);

    --ah-olive: #9DB185;
    --ah-olive-deep: #BACBA5;

    --ah-line: rgba(255, 255, 255, 0.10);
    --ah-line-strong: rgba(255, 255, 255, 0.19);

    --ah-band: #0B3646;
    --ah-band-ink: #EDF1F2;
    --ah-band-soft: #A9C0CC;
    --ah-band-rule: rgba(237, 241, 242, 0.18);
    --ah-band-accent: #DCC08C;
    --ah-band-accent-ink: #201705;

    --ah-veil: rgba(19, 21, 25, 0.78);
    --ah-veil-solid: rgba(19, 21, 25, 0.94);

    --ah-success: #74B27D;
    --ah-warning: #D2A254;
    --ah-danger: #D98071;
    --ah-success-wash: rgba(116, 178, 125, 0.14);
    --ah-warning-wash: rgba(210, 162, 84, 0.14);
    --ah-danger-wash: rgba(217, 128, 113, 0.14);

    color-scheme: dark;
  }
}

:root[data-theme="dark"] {
  --ah-white: #1B1D22;
  --ah-lime: #131519;
  --ah-lime-deep: #191B20;
  --ah-shell: #24262C;

  --ah-ink: #F1F2F4;
  --ah-ink-soft: #A9ACB3;
  --ah-ink-faint: #969AA2;

  --ah-aegean: #6BB4D6;
  --ah-aegean-deep: #9BD0E8;
  --ah-aegean-soft: #4C90B4;
  --ah-aegean-wash: rgba(107, 180, 214, 0.14);

  --ah-sand: #D9A970;
  --ah-sand-ink: #DDB27E;
  --ah-sand-wash: rgba(217, 169, 112, 0.14);

  --ah-olive: #9DB185;
  --ah-olive-deep: #BACBA5;

  --ah-line: rgba(255, 255, 255, 0.10);
  --ah-line-strong: rgba(255, 255, 255, 0.19);

  --ah-band: #0B3646;
  --ah-band-ink: #EDF1F2;
  --ah-band-soft: #A9C0CC;
  --ah-band-rule: rgba(237, 241, 242, 0.18);
  --ah-band-accent: #DCC08C;
  --ah-band-accent-ink: #201705;

  --ah-veil: rgba(19, 21, 25, 0.78);
  --ah-veil-solid: rgba(19, 21, 25, 0.94);

  --ah-success: #74B27D;
  --ah-warning: #D2A254;
  --ah-danger: #D98071;
  --ah-success-wash: rgba(116, 178, 125, 0.14);
  --ah-warning-wash: rgba(210, 162, 84, 0.14);
  --ah-danger-wash: rgba(217, 128, 113, 0.14);

  color-scheme: dark;
}