/* branding/tokens.css
 * Canonical Jott design tokens. Single source of truth.
 *
 * Consumed by:
 *   - app/src/theme.ts  — hand-mirrors COLOR values into a TS `jottColors` const;
 *                          covered by a drift-detection test (theme.test.ts).
 *   - ops/portal/src/routes/welcome.rs  — embeds via include_str! at compile time.
 *   - ops/portal/src/routes/auth.rs (handle_logout)  — same.
 *   - marketing/tokens.css  — symlink to this file; served verbatim.
 */
:root {
  /* Surfaces */
  --jott-bg: #0b0c10;
  --jott-surface: #15171c;
  --jott-border: #2a2c33;

  /* Text */
  --jott-text: #e6e7eb;
  --jott-text-muted: #8b8d92;

  /* Accents */
  --jott-primary: #a78bfa;
  --jott-primary-hover: #8b6dff;
  --jott-success: #5eead4;
  --jott-danger: #f87171;

  /* Typography + shape */
  --jott-font-stack: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --jott-radius: 0.5rem;
}