/* ===================================================================
   OttoPilot.AI — Design Tokens (single source of truth)
   Consumed by styles.css (design system) and landing.css (landing page)
   =================================================================== */

:root {
  /* Color tokens */
  --otto-pink: #F74374;
  --otto-pink-tint: #FFE6F4;
  --autopilot-cyan: #10C4E0;
  --cyan-deep: #0AA6C0;
  --cyan-tint: #E4F8FC;
  --cloud: #FAF8FA;
  --ink: #17181C;
  --dark-surface: #0B0F12;

  /* Neutrals */
  --text-strong: #38363D;
  --text-body: #5C5A63;
  --text-muted: #6C6A73;
  --text-faint: #9B959E;
  --text-label: #A8A2AC;
  --border-soft: #F0E9EF;
  --border-pill: #EFE7EE;
  --surface-alt: #F1F0F3;
  --surface-chip: #F2F0F3;

  /* Type */
  --font-sans: 'Plus Jakarta Sans', system-ui, sans-serif;
  --font-sc: 'Noto Sans SC', sans-serif;
  --font-mono: 'JetBrains Mono', monospace;

  /* Shadows */
  --shadow-card: 0 4px 20px rgba(23, 24, 28, 0.03);
}