/* Lookdrop — design tokens (v0.1.0)
   Quiet system: monochrome + one accent. Light-first.
   Panel values (WP Admin → Lookdrop) override these via inline style. */
:root{
  /* color — ink derives every text/border tone from one RGB */
  --ld-ink-rgb:20,20,22;
  --ld-bg:#F7F6F4;
  --ld-surface:#FFFFFF;
  --ld-accent:#4A10D4;
  --ld-accent-soft:#5E8CFF;

  --ld-ink:rgba(var(--ld-ink-rgb),.90);
  --ld-ink-mid:rgba(var(--ld-ink-rgb),.64); /* WCAG AA on --ld-bg */
  --ld-ink-faint:rgba(var(--ld-ink-rgb),.34);
  --ld-ink-ghost:rgba(var(--ld-ink-rgb),.08);
  --ld-hairline:rgba(var(--ld-ink-rgb),.08);

  /* dark band (media/CTA sections keep the app's near-black) */
  --ld-dark:#08080A;
  --ld-dark-elev:#0E0E12;
  --ld-ink-on-dark:rgba(242,240,235,.92);
  --ld-ink-on-dark-mid:rgba(242,240,235,.62); /* WCAG AA on --ld-dark */
  --ld-hairline-on-dark:rgba(242,240,235,.10);

  /* type */
  --ld-display:'Public Sans',-apple-system,system-ui,'Segoe UI',sans-serif;
  --ld-sans:'Public Sans',-apple-system,system-ui,'Segoe UI',sans-serif;

  /* layout */
  --ld-maxw:1280px;
  --ld-pad:24px;
  --ld-nav-h:68px;

  /* radii — two values + pill for chips (continuous feel via large radius) */
  --ld-radius:12px;
  --ld-radius-lg:24px;

  /* motion */
  --ld-ease:cubic-bezier(.22,.61,.36,1);
  --ld-quick:.2s;
  --ld-standard:.3s;
}