/* Generated by scripts/build.mjs. Do not edit; edit src/ask-nate.css. */
/* portfolio-design-system 1.1.1 */

/* The <ask-nate> chat element, themed by the system (decision 8).
   The element exposes its look as --ask-nate-* custom properties with
   Carbon-like defaults; this file maps every one of them to a system token,
   so the chat reads as part of the page it sits on. Sites link it after
   components.css and override only what a page needs (the home chat's
   green composer is a site rule, not a system one). */
ask-nate {
  --ask-nate-bg: var(--bg);
  --ask-nate-layer: var(--layer);
  --ask-nate-text: var(--text);
  --ask-nate-text-secondary: var(--text-2);
  --ask-nate-text-helper: var(--text-3);
  --ask-nate-border: var(--border);
  --ask-nate-border-strong: var(--border-strong);
  --ask-nate-accent: var(--accent);
  --ask-nate-accent-text: var(--text);
  --ask-nate-error: var(--error);
  --ask-nate-focus: var(--accent);

  --ask-nate-font-body: var(--font-sans);
  --ask-nate-font-mono: var(--font-mono);
  --ask-nate-font-size: var(--type-15);
  --ask-nate-font-size-small: var(--type-12);
  --ask-nate-font-size-intro: var(--type-22);

  --ask-nate-s-1: var(--space-4);
  --ask-nate-s-2: var(--space-8);
  --ask-nate-s-3: var(--space-12);
  --ask-nate-s-4: var(--space-16);
  --ask-nate-s-6: var(--space-24);

  --ask-nate-radius: var(--radius-none);

  --ask-nate-motion-fast: var(--dur-fast);
  --ask-nate-motion-base: var(--dur-bar);
  --ask-nate-ease: var(--ease-out);
}