/* MeetingNook design tokens. GENERATED by brand/build.mjs from brand/tokens.json: do not edit by hand. */
:root { color-scheme: light; --bg: #FFFFFF; --bg-soft: #F7F7FB; --bg-raised: #FFFFFF; --bg-sunken: #F1F0F7; --border: #E7E5F0; --border-strong: #8E8A9C; --text: #16131F; --text-2: #5D5A6B; --text-3: #8E8A9C; --brand: #6D28D9; --brand-2: #8B5CF6; --brand-soft: #F1EBFF; --btn-primary: #7C3AED; --btn-primary-hover: #6D28D9; --btn-primary-active: #5B21B6; --on-brand: #FFFFFF; --focus: #7C3AED; --rec: #E11D48; --rec-fill: #E11D48; --rec-soft: #FFE4E9; --ok: #059669; --ok-text: #047857; --ok-soft: #E6F6EF; --warn: #B45309; --warn-soft: #FEF3E2; --danger: #BE123C; --danger-soft: #FDECEF; --info: #1D4ED8; --info-soft: #E8EFFE; --pro-from: #7C3AED; --pro-to: #DB2777; --overlay: rgba(18, 16, 25, 0.48); --coach-answer: #047857; --coach-answer-soft: #E6F6EF; --coach-pitch: #BE185D; --coach-pitch-soft: #FDEBF3; --coach-ask: #1D4ED8; --coach-ask-soft: #E8EFFE; --coach-plain: #6D28D9; --coach-plain-soft: #F1EBFF; --coach-headsup: #BE123C; --coach-headsup-soft: #FDECEF; --coach-tip: #B45309; --coach-tip-soft: #FEF3E2; --violet-50: #F6F2FF; --violet-100: #F1EBFF; --violet-200: #E2D6FE; --violet-300: #C9B5FD; --violet-400: #A78BFA; --violet-500: #8B5CF6; --violet-600: #7C3AED; --violet-700: #6D28D9; --violet-800: #5B21B6; --violet-900: #4C1D95; --violet-950: #2E1065; --ink-0: #FFFFFF; --ink-50: #F7F7FB; --ink-100: #EFEEF5; --ink-200: #E7E5F0; --ink-300: #D3D0DF; --ink-400: #A9A5B8; --ink-500: #8E8A9C; --ink-600: #5D5A6B; --ink-700: #3F3C4C; --ink-800: #2D2940; --ink-850: #1F1B2B; --ink-900: #1A1724; --ink-925: #16131F; --ink-950: #121019; --ink-990: #0B0A10; --green-50: #E6F6EF; --green-300: #34D399; --green-500: #059669; --green-700: #047857; --green-950: #0F2A22; --pink-50: #FDEBF3; --pink-300: #F472B6; --pink-500: #DB2777; --pink-700: #BE185D; --pink-950: #2E1424; --blue-50: #E8EFFE; --blue-300: #7EA6F8; --blue-500: #2563EB; --blue-700: #1D4ED8; --blue-950: #13203A; --red-50: #FDECEF; --red-300: #FB7185; --red-500: #E11D48; --red-700: #BE123C; --red-950: #2F141B; --amber-50: #FEF3E2; --amber-300: #FBBF24; --amber-500: #D97706; --amber-700: #B45309; --amber-950: #2D2110; --shadow-1: 0 1px 2px rgba(22, 19, 31, 0.06); --shadow-2: 0 1px 2px rgba(22, 19, 31, 0.04), 0 4px 12px rgba(22, 19, 31, 0.06); --shadow-3: 0 2px 4px rgba(22, 19, 31, 0.04), 0 12px 32px rgba(22, 19, 31, 0.10); --shadow-4: 0 4px 8px rgba(22, 19, 31, 0.05), 0 24px 64px rgba(22, 19, 31, 0.18); --shadow-focus: 0 0 0 2px #FFFFFF, 0 0 0 4px #7C3AED; --space-0: 0px; --space-1: 4px; --space-2: 8px; --space-3: 12px; --space-4: 16px; --space-5: 20px; --space-6: 24px; --space-8: 32px; --space-10: 40px; --space-12: 48px; --space-16: 64px; --space-24: 96px; --radius-xs: 6px; --radius-sm: 8px; --radius-input: 10px; --radius-card: 14px; --radius-xl: 20px; --radius-pill: 999px; --dur-instant: 80ms; --dur-fast: 140ms; --dur-base: 220ms; --dur-slow: 360ms; --dur-breathe: 2400ms; --ease-standard: cubic-bezier(0.2, 0, 0, 1); --ease-enter: cubic-bezier(0, 0, 0.2, 1); --ease-exit: cubic-bezier(0.4, 0, 1, 1); --ease-calm: cubic-bezier(0.45, 0, 0.55, 1); --z-base: 0; --z-sticky: 10; --z-popover: 40; --z-overlay: 60; --z-toast: 80; --z-assistant: 2147483000; --icon-sm: 16px; --icon-md: 20px; --icon-lg: 24px; --icon-stroke: 1.5; --font-display: "Fraunces", "Iowan Old Style", Georgia, serif; --font-sans: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif; --font-mono: "JetBrains Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace; }
@media (prefers-color-scheme: dark) { :root:not([data-theme="light"]) { color-scheme: dark; --bg: #121019; --bg-soft: #1A1724; --bg-raised: #1F1B2B; --bg-sunken: #0E0C14; --border: #2D2940; --border-strong: #6E6884; --text: #F4F2FA; --text-2: #B6B2C6; --text-3: #8A8699; --brand: #A78BFA; --brand-soft: #251C3F; --focus: #C4B5FD; --rec: #FB7185; --rec-soft: #3A1520; --ok: #34D399; --ok-text: #34D399; --ok-soft: #0F2A22; --warn: #FBBF24; --warn-soft: #2D2110; --danger: #FB7185; --danger-soft: #2F141B; --info: #7EA6F8; --info-soft: #13203A; --overlay: rgba(5, 4, 8, 0.64); --coach-answer: #34D399; --coach-answer-soft: #0F2A22; --coach-pitch: #F472B6; --coach-pitch-soft: #2E1424; --coach-ask: #7EA6F8; --coach-ask-soft: #13203A; --coach-plain: #A78BFA; --coach-plain-soft: #251C3F; --coach-headsup: #FB7185; --coach-headsup-soft: #2F141B; --coach-tip: #FBBF24; --coach-tip-soft: #2D2110; --shadow-1: 0 1px 2px rgba(0, 0, 0, 0.4); --shadow-2: 0 0 0 1px rgba(255, 255, 255, 0.03), 0 4px 12px rgba(0, 0, 0, 0.45); --shadow-3: 0 0 0 1px rgba(255, 255, 255, 0.04), 0 12px 32px rgba(0, 0, 0, 0.55); --shadow-4: 0 0 0 1px rgba(255, 255, 255, 0.05), 0 24px 64px rgba(0, 0, 0, 0.65); --shadow-focus: 0 0 0 2px #121019, 0 0 0 4px #C4B5FD; } }
:root[data-theme="dark"] { color-scheme: dark; --bg: #121019; --bg-soft: #1A1724; --bg-raised: #1F1B2B; --bg-sunken: #0E0C14; --border: #2D2940; --border-strong: #6E6884; --text: #F4F2FA; --text-2: #B6B2C6; --text-3: #8A8699; --brand: #A78BFA; --brand-soft: #251C3F; --focus: #C4B5FD; --rec: #FB7185; --rec-soft: #3A1520; --ok: #34D399; --ok-text: #34D399; --ok-soft: #0F2A22; --warn: #FBBF24; --warn-soft: #2D2110; --danger: #FB7185; --danger-soft: #2F141B; --info: #7EA6F8; --info-soft: #13203A; --overlay: rgba(5, 4, 8, 0.64); --coach-answer: #34D399; --coach-answer-soft: #0F2A22; --coach-pitch: #F472B6; --coach-pitch-soft: #2E1424; --coach-ask: #7EA6F8; --coach-ask-soft: #13203A; --coach-plain: #A78BFA; --coach-plain-soft: #251C3F; --coach-headsup: #FB7185; --coach-headsup-soft: #2F141B; --coach-tip: #FBBF24; --coach-tip-soft: #2D2110; --shadow-1: 0 1px 2px rgba(0, 0, 0, 0.4); --shadow-2: 0 0 0 1px rgba(255, 255, 255, 0.03), 0 4px 12px rgba(0, 0, 0, 0.45); --shadow-3: 0 0 0 1px rgba(255, 255, 255, 0.04), 0 12px 32px rgba(0, 0, 0, 0.55); --shadow-4: 0 0 0 1px rgba(255, 255, 255, 0.05), 0 24px 64px rgba(0, 0, 0, 0.65); --shadow-focus: 0 0 0 2px #121019, 0 0 0 4px #C4B5FD; }
.mn-t-display-xl { font-family: var(--font-display); font-size: 72px; line-height: 76px; font-weight: 500; letter-spacing: -0.02em; font-variation-settings: "opsz" 144; }
.mn-t-display-l { font-family: var(--font-display); font-size: 52px; line-height: 58px; font-weight: 500; letter-spacing: -0.015em; font-variation-settings: "opsz" 96; }
.mn-t-display-m { font-family: var(--font-display); font-size: 36px; line-height: 42px; font-weight: 500; letter-spacing: -0.01em; font-variation-settings: "opsz" 48; }
.mn-t-display-s { font-family: var(--font-display); font-size: 26px; line-height: 32px; font-weight: 500; font-variation-settings: "opsz" 28; }
.mn-t-title { font-family: var(--font-sans); font-size: 18px; line-height: 26px; font-weight: 600; letter-spacing: -0.01em; }
.mn-t-body-l { font-family: var(--font-sans); font-size: 16px; line-height: 26px; font-weight: 400; }
.mn-t-body { font-family: var(--font-sans); font-size: 14px; line-height: 22px; font-weight: 400; }
.mn-t-body-s { font-family: var(--font-sans); font-size: 13px; line-height: 20px; font-weight: 400; }
.mn-t-label { font-family: var(--font-sans); font-size: 13px; line-height: 16px; font-weight: 550; }
.mn-t-caption { font-family: var(--font-sans); font-size: 12px; line-height: 16px; font-weight: 500; }
.mn-t-overline { font-family: var(--font-sans); font-size: 11px; line-height: 16px; font-weight: 600; letter-spacing: 0.06em; }
.mn-t-mono { font-family: var(--font-mono); font-size: 13px; line-height: 20px; font-weight: 400; }
.mn-t-timestamp { font-family: var(--font-mono); font-size: 12px; line-height: 16px; font-weight: 500; letter-spacing: 0.01em; }