/* ============================================================
   Blessin AI — Semantic aliases
   Human-readable names that map onto the base tokens above.
   Prefer these in component code so intent survives theme swaps.
   ============================================================ */

:root {
  /* Text roles */
  --text-body: var(--foreground);
  --text-subtle: var(--muted-foreground);
  --text-on-primary: var(--primary-foreground);
  --text-danger: var(--destructive);

  /* Surface roles */
  --surface-app: var(--background);
  --surface-card: var(--card);
  --surface-raised: var(--popover);      /* menus, dialogs */
  --surface-quiet: var(--muted);         /* subtle fills, telemetry panels */

  /* Line roles */
  --line-default: var(--border);
  --line-input: var(--input);
  --focus-ring: var(--ring);

  /* Brand accent roles (Ember Owl) */
  --accent-brand: var(--brand-coral);        /* brand fills */
  --accent-interactive: var(--brand-ember);  /* AA links & CTAs on white */
  --accent-trust: var(--brand-sage);         /* verified / grounded / online */
  --accent-trust-deep: var(--brand-pine);    /* trust text on light */
  --accent-spark: var(--brand-amber);        /* tiny highlights */
  --surface-brand-tint: var(--brand-blush);  /* blush washes */

  /* Elevation — the system leans on rings, not heavy shadows */
  --ring-hairline: 0 0 0 1px oklch(0.145 0 0 / 0.10);   /* ring-1 ring-foreground/10 */
  --shadow-sm: 0 1px 2px 0 oklch(0 0 0 / 0.05);
  --shadow-md: 0 4px 6px -1px oklch(0 0 0 / 0.10), 0 2px 4px -2px oklch(0 0 0 / 0.10);
  --shadow-lg: 0 10px 15px -3px oklch(0 0 0 / 0.10), 0 4px 6px -4px oklch(0 0 0 / 0.10);
  --shadow-xl: 0 20px 25px -5px oklch(0 0 0 / 0.10), 0 8px 10px -6px oklch(0 0 0 / 0.10);
}