/* Write Agent shared design tokens */

@font-face {
  font-family: "Outfit";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("https://fonts.bunny.net/outfit/files/outfit-latin-400-normal.woff2") format("woff2");
}

@font-face {
  font-family: "Outfit";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("https://fonts.bunny.net/outfit/files/outfit-latin-600-normal.woff2") format("woff2");
}

@font-face {
  font-family: "Newsreader";
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url("https://fonts.bunny.net/newsreader/files/newsreader-latin-400-italic.woff2") format("woff2");
}

:root {
  --wa-bg: #080808;
  --wa-surface-0: #0c0c0c;
  --wa-surface-1: #111111;
  --wa-surface-2: #161616;
  --wa-surface-3: #1c1c1c;
  --wa-surface-inset: #0a0a0a;
  --wa-reading-bg: #121212;
  --wa-border: rgba(255, 255, 255, 0.08);
  --wa-border-strong: rgba(255, 255, 255, 0.14);
  --wa-text: #f4f4f5;
  --wa-text-muted: #a1a1aa;
  --wa-text-faint: #71717a;
  --wa-accent: #3b82f6;
  --wa-accent-hover: #2563eb;
  --wa-accent-soft: rgba(59, 130, 246, 0.12);
  --wa-accent-border: rgba(59, 130, 246, 0.35);
  --wa-success-soft: rgba(16, 185, 129, 0.12);
  --wa-success-text: #34d399;
  --wa-warn-soft: rgba(245, 158, 11, 0.12);
  --wa-warn-text: #fbbf24;
  --wa-danger: #f87171;
  --wa-danger-soft: rgba(248, 113, 113, 0.12);
  --wa-radius-sm: 8px;
  --wa-radius-md: 12px;
  --wa-radius-lg: 16px;
  --wa-radius-xl: 18px;
  --wa-radius-pill: 999px;
  --wa-font: "Outfit", "PingFang SC", "Hiragino Sans GB", system-ui, sans-serif;
  --wa-serif: "Newsreader", "Songti SC", "STSong", Georgia, serif;
  --wa-ease: cubic-bezier(0.16, 1, 0.3, 1);
  --wa-shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.35);
  --wa-shadow-md: 0 4px 20px rgba(0, 0, 0, 0.4);
  --wa-shadow-composer: 0 8px 32px rgba(0, 0, 0, 0.45), 0 0 0 1px var(--wa-border);

  /* Landing aliases */
  --lp-bg: var(--wa-bg);
  --lp-surface: var(--wa-surface-1);
  --lp-surface-2: var(--wa-surface-2);
  --lp-border: var(--wa-border);
  --lp-text: var(--wa-text);
  --lp-muted: var(--wa-text-muted);
  --lp-dim: var(--wa-text-faint);
  --lp-accent: var(--wa-accent);
  --lp-radius: var(--wa-radius-lg);
  --lp-nav-h: 72px;
  --lp-max: 1280px;
  --lp-font: var(--wa-font);
  --lp-serif: var(--wa-serif);
}