/* AHLab brand tokens — source: https://cdn.ahlab.org/ (v1.0.0) */
:root {
  /* Accent */
  --color-accent:        #6100FF;
  --color-accent-dark:   #4400B3;
  --color-accent-light:  #904DFF;
  --gradient-start:      #00D7EE;
  --gradient-end:        #6100FF;
  --gradient-brand:      linear-gradient(221deg, #00D7EE 0%, #6100FF 100%);

  /* Neutrals */
  --color-neutral-10:  #FFFFFF;
  --color-neutral-20:  #F4F7F9;
  --color-neutral-30:  #EDF0F3;
  --color-neutral-40:  #C9D8E3;
  --color-neutral-60:  #AAAFB6;
  --color-neutral-70:  #838D95;
  --color-neutral-80:  #5E6875;
  --color-neutral-100: #0E0F11;

  /* Typography — Neue Haas Grotesk via Adobe Fonts kit zws2qzx */
  --font-display: "neue-haas-grotesk-display", "Helvetica Neue", -apple-system, "Segoe UI", sans-serif;
  --font-text:    "neue-haas-grotesk-text", "Helvetica Neue", -apple-system, "Segoe UI", sans-serif;

  /* Derived semantic tokens */
  --bg:            var(--color-neutral-10);
  --bg-subtle:     var(--color-neutral-20);
  --border:        var(--color-neutral-30);
  --border-strong: var(--color-neutral-40);
  --text:          var(--color-neutral-100);
  --text-body:     var(--color-neutral-80);
  --text-muted:    var(--color-neutral-70);
  --text-faint:    var(--color-neutral-60);

  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 16px;
  --shadow-sm: 0 1px 2px rgba(14, 15, 17, 0.05);
  --shadow-md: 0 6px 24px -8px rgba(14, 15, 17, 0.12);
  --shadow-lg: 0 16px 48px -12px rgba(68, 0, 179, 0.18);
}