Decoder2704/python-chatbot-jay

1/**2 * Design tokens — spacing, radii, typography scale.3 * Visual values match existing PyBot UI (refactor-only).4 */5:root {6  /* Spacing scale (rem) */7  --space-1: 0.25rem;8  --space-2: 0.5rem;9  --space-3: 0.75rem;10  --space-4: 1rem;11  --space-5: 1.25rem;12  --space-6: 1.5rem;13  --space-7: 1.75rem;14  --space-8: 2rem;15  --space-9: 2.5rem;16  --space-10: 3rem;17 18  --radius-sm: 8px;19  --radius-md: 10px;20  --radius-lg: 12px;21  --radius-xl: 14px;22  --radius-2xl: 16px;23  --radius-3xl: 20px;24  --radius-pill: 9999px;25 26  --font-size-xs: 0.6875rem;27  --font-size-sm: 0.75rem;28  --font-size-body-sm: 0.8125rem;29  --font-size-body: 0.9375rem;30  --font-size-md: 1rem;31  --font-size-lg: 1.125rem;32  --font-size-xl: 1.25rem;33  --font-size-display-sm: clamp(1.5rem, 3vw, 1.85rem);34  --font-size-display: clamp(2rem, 4.5vw, 2.75rem);35 36  --font-weight-semibold: 600;37  --font-weight-bold: 700;38  --font-weight-extrabold: 800;39 40  --letter-tight: -0.03em;41  --letter-wide: 0.04em;42  --letter-label: 0.08em;43 44  /* Motion — shared polish */45  --ease-out: cubic-bezier(0.33, 1, 0.68, 1);46  --ease-standard: cubic-bezier(0.4, 0, 0.2, 1);47  --ease-spring: cubic-bezier(0.34, 1.56, 0.64, 1);48  --duration-fast: 0.15s;49  --duration-normal: 0.22s;50  --duration-slow: 0.35s;51 52  --shadow-card: 0 1px 2px rgba(15, 23, 42, 0.04), 0 8px 24px rgba(15, 23, 42, 0.06);53  --shadow-card-hover: 0 4px 14px rgba(15, 23, 42, 0.08), 0 18px 44px rgba(99, 102, 241, 0.1);54  --shadow-float: 0 8px 30px rgba(15, 23, 42, 0.1);55  --focus-ring: 0 0 0 3px rgba(99, 102, 241, 0.28);56  --focus-ring-inset: inset 0 0 0 3px rgba(99, 102, 241, 0.22);57}58 59@media (prefers-reduced-motion: reduce) {60  :root {61    --ease-out: linear;62    --ease-standard: linear;63    --ease-spring: linear;64    --duration-fast: 0.01ms;65    --duration-normal: 0.01ms;66    --duration-slow: 0.01ms;67  }68}69