/* Aonau design tokens — direction A "quiet tool".
   One accent only (persimmon). Change values here, never in components. */
:root {
  color-scheme: light dark;
  /* brand */
  --ao-accent: #B8441A;          /* persimmon — primary buttons + links only */
  --ao-accent-hover: #9E3913;
  --ao-on-accent: #FFFFFF;
  --ao-accent-tint: rgba(184, 68, 26, 0.12); /* product-mock highlight / focus ring only */
  /* neutrals */
  --ao-bg: #FFFFFF;
  --ao-bg-subtle: #F5F5F4;       /* light grey sections */
  --ao-surface: #FFFFFF;
  --ao-ink: #141414;
  --ao-ink-2: #4A4A48;           /* secondary text */
  --ao-ink-3: #6B6B68;           /* captions, meta */
  --ao-line: #E4E4E1;
  --ao-line-strong: #CFCFCB;
  --ao-stop: #8A3A12;            /* kill-criteria emphasis (text only) */
  /* type */
  --ao-font: -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, Roboto,
             "Helvetica Neue", Arial, "PingFang SC", "Hiragino Sans GB",
             "Microsoft YaHei", "Noto Sans SC", "Noto Sans CJK SC", sans-serif;
  --ao-mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  --ao-fs-xs: 0.8125rem; --ao-fs-sm: 0.9375rem; --ao-fs-md: 1.0625rem;
  --ao-fs-lg: 1.25rem;   --ao-fs-h2: 1.375rem;
  --ao-fs-h1: clamp(2rem, 5.2vw, 3.25rem);
  --ao-lh: 1.6; --ao-lh-tight: 1.15;
  /* space + shape */
  --ao-s1: 0.25rem; --ao-s2: 0.5rem; --ao-s3: 0.75rem; --ao-s4: 1rem;
  --ao-s5: 1.5rem;  --ao-s6: 2rem;   --ao-s7: 3rem;    --ao-s8: 4.5rem;
  --ao-radius: 10px; --ao-radius-lg: 16px; --ao-radius-pill: 999px;
  --ao-shadow: 0 1px 2px rgba(0,0,0,.04), 0 8px 28px rgba(0,0,0,.06);
  --ao-max: 72rem; --ao-max-text: 40rem;
}
@media (prefers-color-scheme: dark) {
  :root {
    --ao-accent: #FF8A5B;
    --ao-accent-hover: #FFA37E;
    --ao-on-accent: #1A0D07;
    --ao-accent-tint: rgba(255, 138, 91, 0.20);
    --ao-bg: #111111;
    --ao-bg-subtle: #181818;
    --ao-surface: #1C1C1C;
    --ao-ink: #F2F2F0;
    --ao-ink-2: #C4C4C0;
    --ao-ink-3: #A0A09B;
    --ao-line: #2C2C2B;
    --ao-line-strong: #3D3D3B;
    --ao-stop: #FFB08F;
    --ao-shadow: 0 1px 2px rgba(0,0,0,.4), 0 8px 28px rgba(0,0,0,.35);
  }
}