/* a7-tokens.css — shared a7.ae VISUAL tokens (single source of truth).
 * Served at /static/apps/a7-tokens.css. Consumed by features/home; retro-fittable
 * into sections + /about later. Lifts /about's .a7ab-wrap token contract verbatim.
 *
 * Depends on the theme vars the site already provides (--base-content, --primary
 * as HSL triplets via daisyUI). Self-inverting: ONE --base-content ink reads as a
 * cast shadow on light and a pool of light on dark — driven by the site's OWN
 * theme toggle (NOT prefers-color-scheme).
 */
:root{
  /* Radius scale — 4 steps ONLY. Child radius = parent minus gap; never add a 5th. */
  --a7-r: 14px;        /* card */
  --a7-r-in: 9px;      /* nested cards + chips */
  --a7-r-pill: 999px;  /* pills */
  --a7-r-tile: 20px;   /* native content tile (matches destination section pages) */

  /* Ink-alpha ladder. Informative text uses --a7-ink-muted (68% ≈ 4.9:1 WCAG AA);
   * NEVER --a7-ink-faint (42% ≈ 2.7:1) for anything a reader must read. */
  --a7-ink:       color-mix(in oklch, hsl(var(--base-content)) 100%, transparent);
  --a7-ink-muted: color-mix(in oklch, hsl(var(--base-content)) 68%, transparent);
  --a7-ink-faint: color-mix(in oklch, hsl(var(--base-content)) 42%, transparent);
  --a7-line:      color-mix(in oklch, hsl(var(--base-content)) 12%, transparent);
  --a7-tint:      color-mix(in oklch, hsl(var(--primary)) 8%, transparent);
  --a7-tint-bd:   color-mix(in oklch, hsl(var(--primary)) 22%, transparent);

  /* Brand blue for active / focus underline (nav + tiles). */
  --a7-blue: #1473ff;

  /* Native tile shadow — directional + primary-tinted so home cards look IDENTICAL
   * to their destination section pages. */
  --a7-shadow: 0 6px 18px -8px color-mix(in oklch, hsl(var(--primary)) 40%, transparent);
  --a7-shadow-hover: 0 16px 32px -12px color-mix(in oklch, hsl(var(--primary)) 46%, transparent);
}