/* Stripe Inspired — theme.css
 * Generated from brandbook.json (id: stripe-inspired).
 * Inspired by: Stripe. Confidence: medium-high.
 * Do not edit by hand — re-run scripts/generate.py.
 */

:root {
  --color-blue: #1CA8FF;
  --color-border: #E5EDF5;
  --color-carbon: #0A2540;
  --color-cyan: #00D4FF;
  --color-ink: #061B31;
  --color-muted: #50617A;
  --color-orange: #FF6118;
  --color-pink: #FFE0EF;
  --color-primary: #635BFF;
  --color-primary-300: #A99DFE;
  --color-primary-400: #7E6BFD;
  --color-primary-500: #635BFF;
  --color-primary-600: #533afd;
  --color-primary-default: #635BFF;
  --color-purple: #5E46BF;
  --color-surface: #F8FAFD;
  --color-white: #FFFFFF;
  --duration-base: 200ms;
  --duration-fast: 150ms;
  --duration-slow: 300ms;
  --duration-slower: 500ms;
  --easing-base: cubic-bezier(0.4, 0, 0.2, 1);
  --font-mono: "Söhne Mono", JetBrains Mono, "SF Mono", Menlo, Consolas, monospace;
  --font-sans: Söhne, Inter, system-ui, -apple-system, "Segoe UI", sans-serif;
  --radius-2xl: 16px;
  --radius-lg: 8px;
  --radius-md: 6px;
  --radius-pill: 9999px;
  --radius-sm: 4px;
  --radius-xl: 12px;
  --shadow-card: 0 6px 24px rgba(10,37,64,0.08), 0 1px 2px rgba(10,37,64,0.04);
  --shadow-lift: 0 20px 50px rgba(10,37,64,0.12);
  --shadow-sm: 0 1px 2px rgba(10,37,64,0.08);
  --space-1: 4px;
  --space-10: 128px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 48px;
  --space-8: 64px;
  --space-9: 96px;
}

/* Convenience utility classes */
.bb-bg-primary { background: var(--color-primary, var(--color-primary-default)); }
.bb-fg-primary { color: var(--color-primary, var(--color-primary-default)); }
.bb-font-sans { font-family: var(--font-sans, system-ui, sans-serif); }
.bb-font-mono { font-family: var(--font-mono, ui-monospace, monospace); }
.bb-card { background: var(--color-white, white); border: 1px solid var(--color-border, #E5E7EB); border-radius: var(--radius-2xl, 16px); }