:root {
  /* Ayurique Herbals colour tokens. Generated by scripts/build_tokens.py. */
  --ayq-primary: #6A3D45;
  --ayq-ink: #2A1E20;
  --ayq-paper: #FFF9EE;
  --ayq-white: #FFFFFF;
  --ayq-accent: #434C2C;
  --ayq-primary-50: #F3EFF0;
  --ayq-primary-100: #E1D8DA;
  --ayq-primary-200: #C3B1B5;
  --ayq-primary-300: #A68B8F;
  --ayq-primary-400: #88646A;
  --ayq-primary-500: #6A3D45;
  --ayq-primary-600: #573239;
  --ayq-primary-700: #44272C;
  --ayq-primary-800: #2F1B1E;
  --ayq-primary-900: #190F11;
  --ayq-accent-50: #F0F1EE;
  --ayq-accent-100: #D9DBD5;
  --ayq-accent-200: #B4B7AB;
  --ayq-accent-300: #8E9480;
  --ayq-accent-400: #697056;
  --ayq-accent-500: #434C2C;
  --ayq-accent-600: #373E24;
  --ayq-accent-700: #2B311C;
  --ayq-accent-800: #1D2113;
  --ayq-accent-900: #10120B;
  --ayq-neutral-0: #FFFFFF;
  --ayq-neutral-50: #FFF9EE;
  --ayq-neutral-100: #F1EBE1;
  --ayq-neutral-200: #DBD3CA;
  --ayq-neutral-300: #BCB3AC;
  --ayq-neutral-400: #918783;
  --ayq-neutral-500: #786B69;
  --ayq-neutral-600: #5B4C4C;
  --ayq-neutral-700: #48393A;
  --ayq-neutral-800: #2A1E20;
  --ayq-neutral-900: #171012;
  --ayq-success: #1F7A4D;
  --ayq-error: #B8321F;
  --ayq-info: #434C2C;
  --ayq-warning: #8A6D00;
  --ayq-range-vayu: #5C5C38;
  --ayq-range-agni: #AA5A31;
  --ayq-range-jala: #3C4F67;
  --ayq-range-akasha: #6C697E;
  --ayq-range-prithvi: #465E4B;

  /* semantic */
  --ayq-bg: var(--ayq-paper);
  --ayq-surface: var(--ayq-white);
  --ayq-text: var(--ayq-ink);
  --ayq-text-muted: var(--ayq-neutral-500);
  --ayq-accent: var(--ayq-accent-500);
  --ayq-link: var(--ayq-accent);
  --ayq-rule: var(--ayq-neutral-200);

  /* type */
  --ayq-font-sans: "Instrument Sans", "Noto Sans Devanagari", "Helvetica Neue", Arial, sans-serif;
  --ayq-font-mono: "IBM Plex Mono", Menlo, Consolas, monospace;
  --ayq-font-display: "Newsreader", "Iowan Old Style", Georgia, serif;
  --ayq-font-deva_display: "Tiro Devanagari Hindi", "Newsreader", serif;
  --ayq-font-deva: "Noto Sans Devanagari", "Instrument Sans", sans-serif;
  --ayq-display-size: 72px; --ayq-display-lh: 1.02; --ayq-display-tracking: -0.015em; --ayq-display-weight: 400; --ayq-display-width: 100;
  --ayq-h1-size: 48px; --ayq-h1-lh: 1.08; --ayq-h1-tracking: -0.01em; --ayq-h1-weight: 400; --ayq-h1-width: 100;
  --ayq-h2-size: 34px; --ayq-h2-lh: 1.15; --ayq-h2-tracking: -0.005em; --ayq-h2-weight: 500; --ayq-h2-width: 100;
  --ayq-h3-size: 24px; --ayq-h3-lh: 1.25; --ayq-h3-tracking: 0em; --ayq-h3-weight: 500; --ayq-h3-width: 100;
  --ayq-h4-size: 18px; --ayq-h4-lh: 1.35; --ayq-h4-tracking: 0em; --ayq-h4-weight: 600; --ayq-h4-width: 100;
  --ayq-body-l-size: 18px; --ayq-body-l-lh: 1.55; --ayq-body-l-tracking: 0em; --ayq-body-l-weight: 400; --ayq-body-l-width: 100;
  --ayq-body-size: 16px; --ayq-body-lh: 1.6; --ayq-body-tracking: 0em; --ayq-body-weight: 400; --ayq-body-width: 100;
  --ayq-small-size: 14px; --ayq-small-lh: 1.5; --ayq-small-tracking: 0em; --ayq-small-weight: 400; --ayq-small-width: 100;
  --ayq-caption-size: 12px; --ayq-caption-lh: 1.4; --ayq-caption-tracking: 0.01em; --ayq-caption-weight: 500; --ayq-caption-width: 100;
  --ayq-label-size: 12px; --ayq-label-lh: 1.2; --ayq-label-tracking: 0.12em; --ayq-label-weight: 500; --ayq-label-width: 100;
  --ayq-figure-size: 16px; --ayq-figure-lh: 1.4; --ayq-figure-tracking: 0em; --ayq-figure-weight: 400; --ayq-figure-width: 100;
  --ayq-button-size: 15px; --ayq-button-lh: 1.0; --ayq-button-tracking: 0.01em; --ayq-button-weight: 600; --ayq-button-width: 100;

  /* space (px) */
  --ayq-space-1: 4px;
  --ayq-space-2: 8px;
  --ayq-space-3: 12px;
  --ayq-space-4: 16px;
  --ayq-space-5: 24px;
  --ayq-space-6: 32px;
  --ayq-space-7: 48px;
  --ayq-space-8: 64px;
  --ayq-space-9: 96px;
  --ayq-space-10: 128px;

  /* radius */
  --ayq-radius-xs: 2px; --ayq-radius-sm: 4px; --ayq-radius-md: 6px;

  /* motion */
  --ayq-ease-standard: cubic-bezier(0.2, 0, 0, 1);
  --ayq-ease-exit: cubic-bezier(0.4, 0, 1, 1);
  --ayq-ease-launch: cubic-bezier(0.6, 0, 0.1, 1);
  --ayq-dur-instant: 80ms;
  --ayq-dur-fast: 160ms;
  --ayq-dur-base: 240ms;
  --ayq-dur-slow: 400ms;
  --ayq-dur-reveal: 720ms;
}

[data-theme="dark"], .ayq-dark {
  --ayq-bg: var(--ayq-ink);
  --ayq-surface: var(--ayq-neutral-700);
  --ayq-text: var(--ayq-paper);
  --ayq-text-muted: var(--ayq-neutral-300);
  --ayq-rule: var(--ayq-neutral-600);
}