:root{
  --af-core-cyan: #00D4EA; --af-core-lime: #C8F25A; --af-core-ink: #0A0F0D; --af-core-white: #FFFFFF; --af-core-form-light: #007C8C;
  --af-recording: #E5484D;
  --af-font-display: 'Space Grotesk', system-ui, sans-serif;
  --af-font-body: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
  --af-type-display-xl: 700 56px/1.02 var(--af-font-display);
  --af-type-display-l: 700 40px/1.05 var(--af-font-display);
  --af-type-title: 700 26px/1.15 var(--af-font-display);
  --af-type-body-l: 400 18px/1.45 var(--af-font-body);
  --af-type-body: 400 16px/1.45 var(--af-font-body);
  --af-type-label: 700 15px/1.2 var(--af-font-body);
  --af-type-small: 400 13px/1.35 var(--af-font-body);
  --af-tracking-display: -0.02em;
  --af-radius-sm:10px; --af-radius-md:14px; --af-radius-lg:18px; --af-radius-xl:22px; --af-radius-pill:999px;
  --af-space-1:4px; --af-space-2:8px; --af-space-3:12px; --af-space-4:16px; --af-space-5:24px; --af-space-6:32px; --af-space-7:48px; --af-space-8:64px;
  --af-shadow-pop: 4px 4px 0 var(--af-core-lime); --af-shadow-float: 0 18px 50px rgba(0,0,0,.22); --af-shadow-button: 0 6px 18px rgba(0,0,0,.18);
  --af-cta: #C8F25A; --af-cta-hover: #D4F77A; --af-cta-active: #BBE84A; --af-cta-ink: #050807; --af-cta-disabled: #DDEFB0;
  --af-accent: #00D4EA; --af-on-accent: #0A0F0D; --af-launcher-min-height: 56px; --af-launcher-max-width: 264px; --af-button-label-max: 24;
}
:root, [data-theme="light"]{
  --af-bg:#F7F7F7; --af-surface:#FFFFFF; --af-ink:#0A0F0D; --af-muted:#4A4A4A; --af-line:#E2E2E2; --af-form:#007C8C; --af-primary:#0A0F0D; --af-onprimary:#FFFFFF; --af-cyan:#00D4EA; --af-lime:#C8F25A; --af-link:#007C8C; --af-shadow:#C8F25A; --af-sunk:#F2F2F2;
  color-scheme: light;
}
:root[data-theme="dark"]{
  --af-bg:#050807; --af-surface:#0A0F0D; --af-sunk:#050807; --af-ink:#FFFFFF; --af-muted:#C4C4C4; --af-line:rgba(255,255,255,.14); --af-form:#00D4EA; --af-primary:#00D4EA; --af-onprimary:#050807; --af-cyan:#00D4EA; --af-lime:#C8F25A; --af-link:#00D4EA; --af-shadow:#C8F25A;
  color-scheme: dark;
}
@media (prefers-color-scheme: dark){
  :root:not([data-theme="light"]){
    --af-bg:#050807; --af-surface:#0A0F0D; --af-sunk:#050807; --af-ink:#FFFFFF; --af-muted:#C4C4C4; --af-line:rgba(255,255,255,.14); --af-form:#00D4EA; --af-primary:#00D4EA; --af-onprimary:#050807; --af-cyan:#00D4EA; --af-lime:#C8F25A; --af-link:#00D4EA; --af-shadow:#C8F25A;
    color-scheme: dark;
  }
}