/* Passionfruits Design Tokens */

:root {
  /* Fonts */
  --font-sans: "Inter", ui-sans-serif, system-ui, -apple-system, sans-serif;
  --font-voice: "Instrument Serif", "Iowan Old Style", Georgia, serif;
  --font-mono: "JetBrains Mono", ui-monospace, "SF Mono", monospace;

  /* Spacing */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;
  --space-10: 40px;

  /* Radii */
  --radius: 8px;
  --radius-card: 12px;
  --radius-pill: 999px;

  /* Breakpoints (for reference) */
  --bp-mobile: 640px;
  --bp-tablet: 1024px;
  --bp-desktop: 1200px;

  /* Light mode (default) */
  --surface-0: #F5F4EE;
  --surface-1: #FAF9F5;
  --surface-2: #FFFFFF;
  --border: rgba(0,0,0,0.08);
  --border-strong: rgba(0,0,0,0.14);
  --text-primary: #1A1A1A;
  --text-secondary: #5F5E5A;
  --text-muted: #8B8A85;
  --fill-primary: #1A1A1A;
  --on-primary: #FFFFFF;
  --fill-control: rgba(0,0,0,0.06);

  /* Semantic: accent */
  --bg-accent: #E6F1FB;
  --text-accent: #185FA5;
  --border-accent: #378ADD;

  /* Semantic: success */
  --bg-success: #E1F5EE;
  --text-success: #0F6E56;
  --border-success: #1D9E75;

  /* Semantic: warning */
  --bg-warning: #FAEEDA;
  --text-warning: #854F0B;
  --border-warning: #BA7517;

  /* Semantic: danger */
  --bg-danger: #FCEBEB;
  --text-danger: #A32D2D;
  --border-danger: #E24B4A;

  /* Semantic: pro */
  --bg-pro: #EEEDFE;
  --text-pro: #3C3489;
  --border-pro: #534AB7;
}

[data-mode="dark"] {
  --surface-0: #141413;
  --surface-1: #1E1D1B;
  --surface-2: #262523;
  --border: rgba(255,255,255,0.10);
  --border-strong: rgba(255,255,255,0.18);
  --text-primary: #F5F4EE;
  --text-secondary: #B4B2A9;
  --text-muted: #7A7975;
  --fill-primary: #F5F4EE;
  --on-primary: #1A1A1A;
  --fill-control: rgba(255,255,255,0.08);

  /* Semantic: accent (dark) */
  --bg-accent: #0C3E6E;
  --text-accent: #85B7EB;
  --border-accent: #378ADD;

  /* Semantic: success (dark) */
  --bg-success: #0F3E33;
  --text-success: #5DCAA5;
  --border-success: #1D9E75;

  /* Semantic: warning (dark) */
  --bg-warning: #4A2B08;
  --text-warning: #EF9F27;
  --border-warning: #BA7517;

  /* Semantic: danger (dark) */
  --bg-danger: #4A1717;
  --text-danger: #F09595;
  --border-danger: #E24B4A;

  /* Semantic: pro (dark) */
  --bg-pro: #26215C;
  --text-pro: #AFA9EC;
  --border-pro: #534AB7;
}