/* CafeAriel — Master semantic color authority. Exact visual palette preserved. */
:root{
  --ca-primary:var(--ca-reg-21051-0f3d3a);
  --ca-primary-2:var(--ca-reg-20944-1f5d56);
  --ca-primary-3:var(--ca-reg-20115-2a746b);
  --ca-primary-hover:var(--ca-primary-3);
  --ca-primary-soft:var(--ca-reg-20281-fbe3b7);
  --ca-accent:var(--ca-reg-20332-f6c177);
  --ca-accent-dark:var(--ca-reg-20572-d89a42);
  --ca-accent-soft:var(--ca-reg-20281-fbe3b7);
  --ca-white:var(--ca-reg-0001-ffffff);
  --ca-surface:var(--ca-reg-20856-fff7ec);
  --ca-surface-2:var(--ca-reg-20494-f8f0e3);
  --ca-surface-3:var(--ca-reg-0167-eee3d3);
  --ca-bg:var(--ca-surface);
  --ca-paper:var(--ca-surface);
  --ca-paper-2:var(--ca-surface-2);
  --ca-text:var(--ca-reg-0054-2a2a2a);
  --ca-ink:var(--ca-text);
  --ca-muted:var(--ca-reg-20983-6e6a62);
  --ca-line:var(--ca-reg-20387-e8dcc6);
  --ca-danger:var(--ca-reg-20795-b94a48);
  --ca-success:var(--ca-reg-20705-2f756a);
  --ca-shadow:0 14px 38px var(--ca-reg-20488-rgba-15-61-58-10);
  --ca-radius:20px;
  --ca-header-footer-bg:var(--ca-reg-0003-0d4f4a);
}


/* CafeAriel — Central Color System
 * Legacy visual palette preserved; master semantic colors are the only editable authority.
 * Component-specific legacy shades remain centralized in tokens/colors.css to preserve the exact visual hierarchy.
 */
 :root{
  --ca-ink:var(--ca-text);
  --ca-paper:var(--ca-surface);
  --ca-paper-2:var(--ca-surface-2);
  --ca-text-soft:var(--ca-muted);
  --ca-p-white:var(--ca-white);
  --ca-p-paper:var(--ca-surface);
  --ca-p-bg:var(--ca-bg);
  --ca-p-ink:var(--ca-text);
  --ca-p-text:var(--ca-text);
  --ca-p-muted:var(--ca-muted);
  --ca-p-line:var(--ca-line);
  --ca-p-accent:var(--ca-primary);
  --ca-p-accent-dark:var(--ca-primary-hover);
  --ca-p-accent-soft:var(--ca-primary-soft);
  --ca-p-sage:var(--ca-primary);
  --ca-p-sage-dark:var(--ca-primary-hover);
  --ca-p-sage-soft:var(--ca-primary-soft);
  --ca-p-danger:var(--ca-danger);
  --ca-p-green:var(--ca-success);
  --ca-p-green-dark:var(--ca-primary-hover);
  --ca-p-cream:var(--ca-surface-2);
  --ca-p-surface-2:var(--ca-surface-3);
  --ca-p-border-soft:var(--ca-line);
  --ca-p-surface-white:var(--ca-white);
  --ca-p-surface-warm:var(--ca-surface-2);
  --p-bg:var(--ca-bg);
  --p-surface:var(--ca-surface);
  --p-surface-soft:var(--ca-surface-2);
  --p-text:var(--ca-text);
  --p-muted:var(--ca-muted);
  --p-line:var(--ca-line);
  --p-accent:var(--ca-primary);
  --p-accent-hover:var(--ca-primary-hover);
  --p-accent-soft:var(--ca-primary-soft);
}

/* Home semantic aliases — keeps the discovery/home system on the same central palette. */
:root{
  --home-accent:var(--ca-primary);
  --home-accent-soft:var(--ca-primary-soft);
  --home-ink:var(--ca-text);
  --home-muted:var(--ca-muted);
  --home-line:var(--ca-line);
  --home-shadow-sm:0 8px 24px var(--ca-reg-20425-rgba-42-42-42-08);

  /* Shared aliases for legacy components. They intentionally resolve through the
     same semantic palette so light/dark mode never creates a parallel color system. */
  --ca-ui-green:var(--ca-primary);
  --ca-ui-green-dark:var(--ca-primary-hover);
  --ca-ui-green-soft:var(--ca-primary-soft);
  --ca-ui-ink:var(--ca-text);
  --ca-ui-muted:var(--ca-muted);
  --ca-ui-line:var(--ca-line);
  --ca-ui-gold:var(--ca-accent);
  --ca-warm:var(--ca-surface);
  --ca-warm-soft:var(--ca-surface-2);
  --ca-warm-dark:var(--ca-surface-3);
}