/* ============================================================================ SPURA HUB v3 - Design Tokens Generated from design/tokens.json. Do not edit this file by hand. ============================================================================ */ @import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap'); /* Base */ :root { color-scheme: light; --font-sans: 'Inter', system-ui, -apple-system, sans-serif; --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace; --transition-fast: 140ms ease; --transition-medium: 220ms cubic-bezier(.2,.8,.2,1); --brand-50: #f0fdfa; --brand-100: #ccfbf1; --brand-200: #99f6e4; --brand-300: #5eead4; --brand-400: #14b8a6; --brand-500: #0d9488; --brand-600: #0f766e; --brand-700: #0f766e; --brand-800: #115e59; --brand-900: #134e4a; --brand-500-rgb: 13, 148, 136; --ink-950: #050A14; --ink-900: #0A1628; --ink-800: #0F2040; --ink-700: #1A2F4A; --ink-600: #2C3E55; --ink-400: #64748B; --ink-300: #94A3B8; --ink-200: #CBD5E1; --ink-100: #E2E8F0; --ink-50: #F1F5F9; --bg-primary: #F7F9FC; --bg-secondary: #F1F5F9; --bg-surface: #FFFFFF; --bg-surface-hover: #F7F9FC; --border-color: #EAECF0; --border-color-strong: #D0D5DD; --text-primary: var(--ink-950); --text-secondary: var(--ink-400); --text-muted: var(--ink-300); --text-inverse: #FFFFFF; --success-50: #ECFDF5; --success-500: #10B981; --success-600: #059669; --warning-50: #FFFBEB; --warning-500: #F59E0B; --warning-600: #D97706; --danger-50: #FEF2F2; --danger-300: #FCA5A5; --danger-500: #EF4444; --danger-600: #DC2626; --info-50: #EFF6FF; --info-500: #3B82F6; --info-600: #2563EB; --purple-50: #f3e8ff; --purple-600: #9333ea; --shadow-xs: 0 1px 2px 0 rgba(16, 24, 40, .04); --shadow-sm: 0 1px 2px rgba(16, 24, 40, .05); --shadow-md: 0 2px 6px -1px rgba(16, 24, 40, .07), 0 1px 3px -1px rgba(16, 24, 40, .04); --shadow-lg: 0 6px 18px -4px rgba(16, 24, 40, .07), 0 2px 6px -2px rgba(16, 24, 40, .04); --shadow-xl: 0 14px 32px -6px rgba(16, 24, 40, .10), 0 6px 12px -4px rgba(16, 24, 40, .06); --radius-xs: 4px; --radius-sm: 6px; --radius-compact: 8px; --radius-md: 10px; --radius-bubble: 12px; --radius-lg: 14px; --radius-xl: 20px; --radius-2xl: 22px; --radius-bubble-tail: 3px; --radius-full: 9999px; --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; --control-height-sm: 34px; --control-height-md: 44px; --control-height-lg: 48px; --page-padding-x: 32px; --page-padding-y: 32px; --page-padding-mobile: 16px; --section-gap: 24px; --surface-padding: 20px; --surface-padding-lg: 24px; --table-header-bg: var(--bg-secondary); --sidebar-width: 248px; --topbar-height: 60px; --safe-area-top: env(safe-area-inset-top, 0px); --safe-area-right: env(safe-area-inset-right, 0px); --safe-area-bottom: env(safe-area-inset-bottom, 0px); --safe-area-left: env(safe-area-inset-left, 0px); --color-primary: var(--brand-500); --color-primary-light: var(--brand-50); --color-success: var(--success-500); --color-warning: var(--warning-500); --color-danger: var(--danger-500); --color-info: var(--info-500); --color-accent: var(--brand-500); --color-bg: var(--bg-surface); --color-bg-secondary: var(--bg-secondary); --color-bg-muted: var(--bg-secondary); --color-bg-subtle: var(--bg-secondary); --color-bg-info: var(--info-50); --color-bg-success: var(--success-50); --color-bg-warning: var(--warning-50); --color-bg-danger: var(--danger-50); --bg-muted: var(--bg-secondary); --bg-subtle: var(--bg-secondary); --bg-tertiary: var(--bg-secondary); --surface-subtle: var(--bg-secondary); --color-surface: var(--bg-surface); --color-surface-alt: var(--bg-secondary); --color-surface-hover: var(--bg-surface-hover); --color-surface-muted: var(--bg-secondary); --color-border: var(--border-color); --border-default: var(--border-color); --border-subtle: var(--border-color); --color-text: var(--text-primary); --color-text-primary: var(--text-primary); --color-text-secondary: var(--text-secondary); --color-text-muted: var(--text-muted); --color-muted: var(--text-muted); --text-tertiary: var(--text-muted); --color-success-bg: var(--success-50); --color-success-border: #A7F3D0; --color-success-dark: #166534; --color-warning-dark: #B45309; --bp-xs: 480px; --bp-sm: 640px; --bp-md: 768px; --bp-lg: 960px; --bp-xl: 1200px; --radius-none: 0; --bp-device-xxs: 380px; --bp-device-xs: 390px; --bp-content-sm: 700px; --bp-content-md: 720px; --bp-content-lg: 900px; --bp-content-xl: 1100px; --bp-content-2xl: 1024px; --bp-content-wide: 920px; --bp-content-narrow: 560px; } /* Glass Light */ :root { --sp-bg-0: #f8fafc; --sp-bg-1: #eef2f7; --sp-bg-2: #e2e8f0; --sp-surface-1: rgba(255, 255, 255, 0.74); --sp-surface-2: rgba(248, 250, 252, 0.62); --sp-surface-3: rgba(241, 245, 249, 0.72); --sp-border-1: rgba(226, 232, 240, 0.88); --sp-border-2: rgba(203, 213, 225, 0.82); --sp-text-1: var(--ink-950); --sp-text-2: var(--ink-600); --sp-text-3: var(--ink-400); --sp-blue: #0a84ff; --sp-blue-2: #38bdf8; --sp-green: #30d158; --sp-red: #ff453a; --sp-orange: #ff9f0a; --sp-purple: #8b5cf6; --sp-radius-sm: 10px; --sp-radius-md: 16px; --sp-radius-lg: 24px; --sp-radius-xl: 32px; --sp-blur: 24px; --sp-blur-sm: 8px; --sp-blur-md: 16px; --sp-blur-lg: 24px; --sp-blur-xl: 32px; --sp-saturate-light: 1.15; --sp-saturate-dark: 1.25; --sp-saturate-strong: 1.35; --sp-shadow-soft: 0 8px 20px rgba(15, 23, 42, 0.04); --sp-shadow-float: 0 12px 28px rgba(15, 23, 42, 0.07); --sp-transition-fast: var(--transition-fast); --sp-transition-med: var(--transition-medium); --glass-blur-desktop: 22px; --glass-blur-mobile: 26px; --glass-blur-panel: 18px; --glass-blur-floating: 24px; --glass-saturate-desktop: 180%; --glass-saturate-mobile: 185%; --glass-saturate-soft: 160%; --glass-shell-bg: linear-gradient(180deg, rgba(255, 255, 255, 0.72), rgba(242, 248, 251, 0.58)); --glass-shell-border: rgba(255, 255, 255, 0.42); --glass-shell-shadow: 0 16px 38px rgba(15, 23, 42, 0.08), 0 1px 0 rgba(255, 255, 255, 0.56) inset; --glass-panel-bg: linear-gradient(180deg, rgba(255, 255, 255, 0.7), rgba(241, 247, 250, 0.56)); --glass-panel-border: rgba(255, 255, 255, 0.4); --glass-panel-shadow: 0 14px 28px rgba(15, 23, 42, 0.08), 0 1px 0 rgba(255, 255, 255, 0.68) inset; --glass-panel-hover-shadow: 0 18px 36px rgba(15, 23, 42, 0.1), 0 1px 0 rgba(255, 255, 255, 0.74) inset; --glass-floating-bg: linear-gradient(180deg, rgba(255, 255, 255, 0.76), rgba(242, 248, 251, 0.64)); --glass-floating-border: rgba(255, 255, 255, 0.36); --glass-floating-shadow: 0 18px 44px rgba(15, 23, 42, 0.12), 0 1px 0 rgba(255, 255, 255, 0.72) inset; --glass-floating-highlight: linear-gradient(180deg, rgba(255, 255, 255, 0.14), rgba(255, 255, 255, 0.02) 42%, rgba(255, 255, 255, 0.01)), radial-gradient(circle at top center, rgba(255, 255, 255, 0.14), transparent 58%); --glass-control-bg: linear-gradient(180deg, rgba(255, 255, 255, 0.68), rgba(240, 247, 250, 0.54)); --glass-control-border: rgba(255, 255, 255, 0.44); --glass-control-shadow: 0 10px 24px rgba(15, 23, 42, 0.08), 0 1px 0 rgba(255, 255, 255, 0.74) inset; --glass-control-highlight: linear-gradient(180deg, rgba(255, 255, 255, 0.84), rgba(225, 243, 240, 0.58)), rgba(45, 212, 191, 0.12); --glass-accent-bg: linear-gradient(180deg, rgba(220, 246, 243, 0.76), rgba(209, 241, 238, 0.56)); --glass-accent-border: rgba(45, 212, 191, 0.24); --glass-accent-text: var(--brand-700); --glass-accent-shadow: 0 12px 24px rgba(15, 23, 42, 0.1), 0 1px 0 rgba(255, 255, 255, 0.72) inset; --glass-filter-shell: blur(var(--glass-blur-desktop)) saturate(var(--glass-saturate-desktop)); --glass-filter-mobile-shell: blur(var(--glass-blur-mobile)) saturate(var(--glass-saturate-mobile)); --glass-filter-panel: blur(var(--glass-blur-panel)) saturate(var(--glass-saturate-desktop)); --glass-filter-floating: blur(var(--glass-blur-floating)) saturate(var(--glass-saturate-soft)); --glass-filter-control: blur(var(--glass-blur-panel)) saturate(var(--glass-saturate-soft)); --sp-glass-filter-light: var(--glass-filter-panel); --sp-glass-filter-light-soft: blur(var(--sp-blur-md)) saturate(1.1); --sp-glass-filter-dark: blur(var(--sp-blur-lg)); --sp-glass-filter-dark-md: blur(20px); --sp-glass-filter-dark-soft: blur(var(--sp-blur-md)) saturate(1.08); --sp-glass-surface-bg: var(--glass-panel-bg); --sp-glass-surface-border: var(--glass-panel-border); --sp-glass-surface-shadow: var(--glass-panel-shadow); --sp-glass-surface-hover-shadow: var(--glass-panel-hover-shadow); --sp-glass-tile-bg: var(--glass-panel-bg); --sp-glass-tile-shadow: var(--glass-panel-shadow); --sp-glass-subtle-bg: rgba(248, 250, 252, 0.62); --sp-glass-subtle-border: rgba(226, 232, 240, 0.76); } /* Dark Theme */ :root[data-theme='dark'] { color-scheme: dark; --bg-primary: #090d18; --bg-secondary: #0f1623; --bg-surface: #121826; --bg-surface-hover: #19243a; --border-color: rgba(255, 255, 255, 0.07); --border-color-strong: rgba(255, 255, 255, 0.12); --text-primary: #EAF1F8; --text-secondary: #90A2B7; --text-muted: #7C8CA0; --shadow-sm: none; --shadow-md: none; --shadow-lg: 0 4px 16px rgba(0, 0, 0, .36); --table-header-bg: rgba(255, 255, 255, 0.03); --sp-bg-0: #090d18; --sp-bg-1: #0f1623; --sp-bg-2: #16202e; --sp-surface-1: rgba(17, 24, 39, 0.72); --sp-surface-2: rgba(30, 41, 59, 0.62); --sp-surface-3: rgba(51, 65, 85, 0.48); --sp-border-1: rgba(255, 255, 255, 0.09); --sp-border-2: rgba(255, 255, 255, 0.16); --sp-text-1: #f8fafc; --sp-text-2: #cbd5e1; --sp-text-3: #94a3b8; --sp-purple: #bf5af2; --sp-shadow-soft: 0 6px 20px rgba(0, 0, 0, 0.18); --sp-shadow-float: 0 12px 40px rgba(0, 0, 0, 0.26); --glass-shell-bg: rgba(10, 15, 30, 0.74); --glass-shell-border: rgba(255, 255, 255, 0.08); --glass-shell-shadow: 0 18px 44px rgba(2, 6, 23, 0.32), 0 1px 0 rgba(255, 255, 255, 0.06) inset; --glass-panel-bg: rgba(18, 24, 38, 0.82); --glass-panel-border: rgba(255, 255, 255, 0.06); --glass-panel-shadow: none; --glass-panel-hover-shadow: 0 0 0 1px rgba(255, 255, 255, 0.10); --glass-floating-bg: rgba(10, 18, 34, 0.72); --glass-floating-border: rgba(255, 255, 255, 0.1); --glass-floating-shadow: 0 18px 44px rgba(2, 6, 23, 0.34), 0 1px 0 rgba(255, 255, 255, 0.08) inset; --glass-floating-highlight: linear-gradient(180deg, rgba(255, 255, 255, 0.14), rgba(255, 255, 255, 0.02) 42%, rgba(255, 255, 255, 0.01)), radial-gradient(circle at top center, rgba(255, 255, 255, 0.14), transparent 58%); --glass-control-bg: rgba(255, 255, 255, 0.08); --glass-control-border: rgba(255, 255, 255, 0.1); --glass-control-shadow: 0 8px 20px rgba(2, 6, 23, 0.18), 0 1px 0 rgba(255, 255, 255, 0.06) inset; --glass-control-highlight: linear-gradient(180deg, rgba(255, 255, 255, 0.18), rgba(255, 255, 255, 0.04)), rgba(255, 255, 255, 0.04); --glass-accent-bg: linear-gradient(135deg, rgba(10, 132, 255, 0.28) 0%, rgba(56, 189, 248, 0.12) 100%); --glass-accent-border: rgba(56, 189, 248, 0.22); --glass-accent-text: var(--brand-300); --glass-accent-shadow: 0 8px 16px rgba(2, 6, 23, 0.16), 0 1px 0 rgba(255, 255, 255, 0.1) inset; --sp-glass-surface-bg: var(--glass-panel-bg); --sp-glass-surface-border: var(--glass-panel-border); --sp-glass-surface-shadow: var(--glass-panel-shadow); --sp-glass-surface-hover-shadow: var(--glass-panel-hover-shadow); --sp-glass-tile-bg: var(--glass-panel-bg); --sp-glass-tile-shadow: var(--glass-panel-shadow); --sp-glass-subtle-bg: rgba(255, 255, 255, 0.05); --sp-glass-subtle-border: rgba(255, 255, 255, 0.07); } /* Glass Color Primitives */ :root { --glass-blue-04: rgba(37, 99, 235, 0.04); --glass-blue-08: rgba(10, 132, 255, 0.08); --glass-blue-08-2: rgba(59,130,246,0.08); --glass-blue-1: rgba(10, 132, 255, 0.1); --glass-blue-10: rgba(10, 132, 255, 0.10); --glass-blue-12: rgba(56, 189, 248, 0.12); --glass-blue-14: rgba(10, 132, 255, 0.14); --glass-blue-16: rgba(10, 132, 255, 0.16); --glass-blue-18: rgba(56, 189, 248, 0.18); --glass-blue-20: rgba(10, 132, 255, 0.20); --glass-blue-22: rgba(10, 132, 255, 0.22); --glass-blue-28: rgba(10, 132, 255, 0.28); --glass-blue-36: rgba(10, 132, 255, 0.36); --glass-blue-40: rgba(10, 132, 255, 0.40); --glass-blue-50: rgba(10, 132, 255, 0.50); --glass-blue-55: rgba(10, 132, 255, 0.55); --glass-blue-95: rgba(10, 132, 255, 0.95); --glass-brand-035: rgba(20, 184, 166, 0.035); --glass-brand-045: rgba(20, 184, 166, 0.045); --glass-brand-05: rgba(13, 148, 136, 0.05); --glass-brand-06: rgba(20, 184, 166, 0.06); --glass-brand-06-2: rgba(45,212,191,0.06); --glass-brand-08: rgba(20, 184, 166, 0.08); --glass-brand-08-2: rgba(45,212,191,0.08); --glass-brand-1: rgba(20, 184, 166, .1); --glass-brand-10: rgba(45, 212, 191, 0.10); --glass-brand-11: rgba(20, 184, 166, 0.11); --glass-brand-11-2: rgba(45,212,191,0.11); --glass-brand-12: rgba(20, 184, 166, 0.12); --glass-brand-12-2: rgba(45,212,191,0.12); --glass-brand-14: rgba(13, 148, 136, 0.14); --glass-brand-14-2: rgba(45,212,191,0.14); --glass-brand-15: rgba(13, 148, 136, 0.15); --glass-brand-18: rgba(13, 148, 136, 0.18); --glass-brand-18-2: rgba(45,212,191,0.18); --glass-brand-2: rgba(20, 184, 166, 0.2); --glass-brand-22: rgba(13, 148, 136, 0.22); --glass-brand-22-2: rgba(45,212,191,0.22); --glass-brand-25: rgba(13,148,136,.25); --glass-brand-28: rgba(13, 148, 136, 0.28); --glass-brand-32: rgba(45, 212, 191, 0.32); --glass-brand-34: rgba(45, 212, 191, 0.34); --glass-brand-34-2: rgba(45,212,191,0.34); --glass-brand-35: rgba(13, 148, 136, 0.35); --glass-brand-36: rgba(13, 148, 136, 0.36); --glass-brand-38: rgba(13, 148, 136, 0.38); --glass-brand-40: rgba(13, 148, 136, 0.40); --glass-brand-42: rgba(13, 148, 136, 0.42); --glass-brand-42-2: rgba(45,212,191,0.42); --glass-brand-45: rgba(13, 148, 136, 0.45); --glass-brand-55: rgba(13, 148, 136, 0.55); --glass-brand-60: rgba(13, 148, 136, 0.60); --glass-brand-light-52: rgba(153, 246, 228, 0.52); --glass-brand-light-86: rgba(153, 246, 228, 0.86); --glass-brand-light-86-2: rgba(153,246,228,0.86); --glass-brand-light-94: rgba(153, 246, 228, 0.94); --glass-brand-light-94-2: rgba(153,246,228,0.94); --glass-brand-light-95: rgba(153, 246, 228, 0.95); --glass-danger-05: rgba(239, 68, 68, 0.05); --glass-danger-08: rgba(239, 68, 68, 0.08); --glass-danger-10: rgba(239, 68, 68, 0.10); --glass-danger-11: rgba(239, 68, 68, 0.11); --glass-danger-12: rgba(239, 68, 68, 0.12); --glass-danger-12-2: rgba(239,68,68,0.12); --glass-danger-16: rgba(239, 68, 68, 0.16); --glass-danger-16-2: rgba(239,68,68,0.16); --glass-danger-18: rgba(239, 68, 68, 0.18); --glass-danger-20: rgba(239, 68, 68, 0.20); --glass-danger-22: rgba(127, 29, 29, 0.22); --glass-danger-24: rgba(239, 68, 68, 0.24); --glass-danger-28: rgba(127, 29, 29, 0.28); --glass-danger-3: rgba(239, 68, 68, 0.3); --glass-danger-30: rgba(239, 68, 68, 0.30); --glass-danger-32: rgba(239, 68, 68, 0.32); --glass-danger-38: rgba(239, 68, 68, 0.38); --glass-danger-40: rgba(239, 68, 68, 0.40); --glass-danger-90: rgba(248, 113, 113, 0.90); --glass-danger-95: rgba(248, 113, 113, 0.95); --glass-danger-light-94: rgba(254, 202, 202, 0.94); --glass-danger-light-94-2: rgba(254,202,202,0.94); --glass-hex-047857: #047857; --glass-hex-050816: #050816; --glass-hex-059669: #059669; --glass-hex-071a0f: #071a0f; --glass-hex-090f1a: #090f1a; --glass-hex-0a1020: #0a1020; --glass-hex-0b1720: #0b1720; --glass-hex-0c1225: #0c1225; --glass-hex-10202a: #10202a; --glass-hex-10b981: #10b981; --glass-hex-111827: #111827; --glass-hex-128c7e: #128c7e; --glass-hex-14b8a6: #14b8a6; --glass-hex-15803d: #15803d; --glass-hex-166534: #166534; --glass-hex-1a1507: #1a1507; --glass-hex-1a2e1a: #1a2e1a; --glass-hex-1d4ed8: #1d4ed8; --glass-hex-1e293b: #1e293b; --glass-hex-1f1315: #1f1315; --glass-hex-1f2937: #1f2937; --glass-hex-22c55e: #22c55e; --glass-hex-2563eb: #2563eb; --glass-hex-25d366: #25d366; --glass-hex-2d9c90: #2d9c90; --glass-hex-334155: #334155; --glass-hex-374151: #374151; --glass-hex-3b82f6: #3b82f6; --glass-hex-475569: #475569; --glass-hex-5a8a5a: #5a8a5a; --glass-hex-64748b: #64748b; --glass-hex-667eea: #667eea; --glass-hex-6b7280: #6b7280; --glass-hex-8b5cf6: #8b5cf6; --glass-hex-92400e: #92400e; --glass-hex-94a3b8: #94a3b8; --glass-hex-991b1b: #991b1b; --glass-hex-9ca3af: #9ca3af; --glass-hex-a3b3c7: #a3b3c7; --glass-hex-b45309: #b45309; --glass-hex-b91c1c: #b91c1c; --glass-hex-c2410c: #c2410c; --glass-hex-c7cdd8: #c7cdd8; --glass-hex-d1d5db: #d1d5db; --glass-hex-d1fae5: #d1fae5; --glass-hex-dc2626: #dc2626; --glass-hex-dcf8c6: #dcf8c6; --glass-hex-e0e7ff: #e0e7ff; --glass-hex-e2e8f0: #e2e8f0; --glass-hex-e5e7eb: #e5e7eb; --glass-hex-ec4899: #ec4899; --glass-hex-ef4444: #ef4444; --glass-hex-eff6ff: #eff6ff; --glass-hex-f0f0ff: #f0f0ff; --glass-hex-f0fdf4: #f0fdf4; --glass-hex-f1f5f9: #f1f5f9; --glass-hex-f3f4f6: #f3f4f6; --glass-hex-f59e0b: #f59e0b; --glass-hex-f7fafc: #f7fafc; --glass-hex-f8fafc: #f8fafc; --glass-hex-f9fafb: #f9fafb; --glass-hex-fcd34d: #fcd34d; --glass-hex-fce7f3: #fce7f3; --glass-hex-fde68a: #fde68a; --glass-hex-fee2e2: #fee2e2; --glass-hex-fef2f2: #fef2f2; --glass-hex-fef3c7: #fef3c7; --glass-hex-fff: #fff; --glass-hex-fffbeb: #fffbeb; --glass-hex-ffffff: #ffffff; --glass-ice-5: rgba(226, 232, 240, 0.5); --glass-ice-52: rgba(226, 232, 240, 0.52); --glass-ice-54: rgba(248, 250, 252, 0.54); --glass-ice-56: rgba(248, 250, 252, 0.56); --glass-ice-58: rgba(226, 232, 240, 0.58); --glass-ice-60: rgba(248, 250, 252, 0.60); --glass-ice-62: rgba(226, 232, 240, 0.62); --glass-ice-66: rgba(248, 250, 252, 0.66); --glass-ice-68: rgba(203, 213, 225, 0.68); --glass-ice-70: rgba(226, 232, 240, 0.70); --glass-ice-72: rgba(203, 213, 225, 0.72); --glass-ice-72-2: rgba(226,232,240,0.72); --glass-ice-74: rgba(203, 213, 225, 0.74); --glass-ice-75: rgba(226, 232, 240, 0.75); --glass-ice-76: rgba(226, 232, 240, 0.76); --glass-ice-80: rgba(203, 213, 225, 0.80); --glass-ice-82: rgba(203, 213, 225, 0.82); --glass-ice-82-2: rgba(203,213,225,0.82); --glass-ice-84: rgba(226, 232, 240, 0.84); --glass-ice-84-2: rgba(226,232,240,0.84); --glass-ice-88: rgba(226, 232, 240, 0.88); --glass-ice-88-2: rgba(226,232,240,0.88); --glass-ice-9: rgba(203, 213, 225, 0.9); --glass-ice-90: rgba(203, 213, 225, 0.90); --glass-ice-90-2: rgba(226,232,240,0.90); --glass-ice-92: rgba(226, 232, 240, 0.92); --glass-ice-92-2: rgba(226,232,240,0.92); --glass-ice-95: rgba(241, 245, 249, 0.95); --glass-ice-96: rgba(226, 232, 240, 0.96); --glass-indigo-12: rgba(99, 102, 241, 0.12); --glass-indigo-6: rgba(99, 102, 241, 0.6); --glass-indigo-7: rgba(99, 102, 241, 0.7); --glass-ink-03: rgba(0, 0, 0, 0.03); --glass-ink-04: rgba(15, 23, 42, 0.04); --glass-ink-05: rgba(15, 23, 42, 0.05); --glass-ink-05-2: rgba(15,23,42,0.05); --glass-ink-06: rgba(15, 23, 42, 0.06); --glass-ink-06-2: rgba(15,23,42,0.06); --glass-ink-07: rgba(15, 23, 42, 0.07); --glass-ink-08: rgba(15, 23, 42, 0.08); --glass-ink-08-2: rgba(15,23,42,0.08); --glass-ink-1: rgba(0,0,0,0.1); --glass-ink-10: rgba(15, 23, 42, 0.10); --glass-ink-10-2: rgba(15,23,42,0.10); --glass-ink-11: rgba(15, 23, 42, 0.11); --glass-ink-12: rgba(15, 23, 42, 0.12); --glass-ink-14: rgba(15, 23, 42, 0.14); --glass-ink-18: rgba(2, 6, 23, 0.18); --glass-ink-2: rgba(2, 6, 23, 0.2); --glass-ink-22: rgba(2, 6, 23, 0.22); --glass-ink-24: rgba(15, 23, 42, 0.24); --glass-ink-25: rgba(0, 0, 0, .25); --glass-ink-25-2: rgba(0,0,0,.25); --glass-ink-26: rgba(2, 6, 23, 0.26); --glass-ink-28: rgba(15, 23, 42, 0.28); --glass-ink-3: rgba(0, 0, 0, 0.3); --glass-ink-32: rgba(71, 85, 105, 0.32); --glass-ink-35: rgba(71, 85, 105, 0.35); --glass-ink-36: rgba(0, 0, 0, 0.36); --glass-ink-38: rgba(30, 41, 59, 0.38); --glass-ink-4: rgba(0, 0, 0, 0.4); --glass-ink-40: rgba(51, 65, 85, 0.40); --glass-ink-42: rgba(0, 0, 0, 0.42); --glass-ink-45: rgba(71, 85, 105, 0.45); --glass-ink-48: rgba(15, 23, 42, 0.48); --glass-ink-50: rgba(71, 85, 105, 0.50); --glass-ink-50-2: rgba(71,85,105,0.50); --glass-ink-52: rgba(15, 23, 42, 0.52); --glass-ink-55: rgba(71, 85, 105, 0.55); --glass-ink-6: rgba(71, 85, 105, .6); --glass-ink-60: rgba(15, 23, 42, 0.60); --glass-ink-65: rgba(0, 0, 0, 0.65); --glass-ink-68: rgba(0, 0, 0, 0.68); --glass-ink-7: rgba(30, 41, 59, 0.7); --glass-ink-70: rgba(100, 116, 139, 0.70); --glass-ink-70-2: rgba(100,116,139,0.70); --glass-ink-72: rgba(15, 23, 42, 0.72); --glass-ink-78: rgba(71, 85, 105, 0.78); --glass-ink-80: rgba(71, 85, 105, 0.80); --glass-ink-82: rgba(71, 85, 105, 0.82); --glass-ink-84: rgba(71, 85, 105, 0.84); --glass-ink-84-2: rgba(71,85,105,0.84); --glass-ink-88: rgba(100, 116, 139, 0.88); --glass-ink-88-2: rgba(100,116,139,0.88); --glass-ink-90: rgba(71, 85, 105, 0.90); --glass-ink-90-2: rgba(71,85,105,0.90); --glass-ink-92: rgba(11, 16, 32, 0.92); --glass-ink-94: rgba(15, 23, 42, 0.94); --glass-ink-94-2: rgba(7,11,22,0.94); --glass-misc-101530-0: rgba(10, 15, 30, 0); --glass-misc-101530-1: rgba(10, 15, 30, 1); --glass-misc-101530-18: rgba(10, 15, 30, 0.18); --glass-misc-101632-7: rgba(10, 16, 32, 0.7); --glass-misc-101632-72: rgba(10, 16, 32, 0.72); --glass-misc-101834-58: rgba(10, 18, 34, 0.58); --glass-misc-102240-2: rgba(10, 22, 40, .2); --glass-misc-102240-2-2: rgba(10,22,40,.2); --glass-misc-102240-25: rgba(10,22,40,.25); --glass-misc-112332-22: rgba(11, 23, 32, 0.22); --glass-misc-122448-72: rgba(12, 24, 48, 0.72); --glass-misc-12458237-10: rgba(124, 58, 237, 0.10); --glass-misc-12458237-18: rgba(124, 58, 237, 0.18); --glass-misc-15118110-06: rgba(15, 118, 110, 0.06); --glass-misc-15118110-08: rgba(15, 118, 110, 0.08); --glass-misc-15118110-1: rgba(15, 118, 110, .1); --glass-misc-15118110-12: rgba(15, 118, 110, .12); --glass-misc-15118110-2: rgba(15, 118, 110, 0.2); --glass-misc-15118110-28: rgba(15, 118, 110, 0.28); --glass-misc-163242-28: rgba(16, 32, 42, 0.28); --glass-misc-19190242-14: rgba(191, 90, 242, 0.14); --glass-misc-204251241-96: rgba(204, 251, 241, 0.96); --glass-misc-2216374-10: rgba(22, 163, 74, 0.10); --glass-misc-2216374-25: rgba(22, 163, 74, 0.25); --glass-misc-232243242-34: rgba(232, 243, 242, 0.34); --glass-misc-235241244-88: rgba(235, 241, 244, 0.88); --glass-misc-236242246-52: rgba(236, 242, 246, 0.52); --glass-misc-242244247-72: rgba(242, 244, 247, 0.72); --glass-misc-242244247-78: rgba(242, 244, 247, 0.78); --glass-misc-243248251-86: rgba(243, 248, 251, 0.86); --glass-misc-243248251-88: rgba(243, 248, 251, 0.88); --glass-misc-244248252-82: rgba(244, 248, 252, 0.82); --glass-misc-244248252-84: rgba(244, 248, 252, 0.84); --glass-misc-246247251-0: rgba(246, 247, 251, 0); --glass-misc-249251252-94: rgba(249, 251, 252, 0.94); --glass-misc-254242242-82: rgba(254, 242, 242, 0.82); --glass-misc-2556958-10: rgba(255, 69, 58, 0.10); --glass-misc-2556958-16: rgba(255, 69, 58, 0.16); --glass-misc-2556958-26: rgba(255, 69, 58, 0.26); --glass-misc-2556958-50: rgba(255, 69, 58, 0.50); --glass-misc-30152255-95: rgba(30, 152, 255, 0.95); --glass-misc-3818-58: rgba(3, 8, 18, 0.58); --glass-misc-4920-68: rgba(4, 9, 20, 0.68); --glass-misc-51020-10: rgba(5, 10, 20, 0.10); --glass-misc-74222128-90: rgba(74, 222, 128, 0.90); --glass-misc-758599-35: rgba(75, 85, 99, 0.35); --glass-misc-91428-88: rgba(9, 14, 28, 0.88); --glass-misc-91428-9: rgba(9, 14, 28, 0.9); --glass-misc-96165250-1: rgba(96, 165, 250, 0.1); --glass-misc-96165250-12: rgba(96, 165, 250, 0.12); --glass-misc-96205255-95: rgba(96, 205, 255, 0.95); --glass-slate-06: rgba(148, 163, 184, 0.06); --glass-slate-06-2: rgba(148,163,184,0.06); --glass-slate-08: rgba(148, 163, 184, 0.08); --glass-slate-08-2: rgba(148,163,184,0.08); --glass-slate-10: rgba(148, 163, 184, 0.10); --glass-slate-10-2: rgba(148,163,184,0.10); --glass-slate-12: rgba(148, 163, 184, 0.12); --glass-slate-12-2: rgba(148,163,184,0.12); --glass-slate-14: rgba(148, 163, 184, 0.14); --glass-slate-14-2: rgba(148,163,184,0.14); --glass-slate-15: rgba(148,163,184,.15); --glass-slate-16: rgba(148, 163, 184, 0.16); --glass-slate-16-2: rgba(148,163,184,0.16); --glass-slate-18: rgba(148, 163, 184, 0.18); --glass-slate-18-2: rgba(148,163,184,0.18); --glass-slate-2: rgba(148, 163, 184, 0.2); --glass-slate-22: rgba(148, 163, 184, 0.22); --glass-slate-22-2: rgba(148,163,184,0.22); --glass-slate-24: rgba(148, 163, 184, 0.24); --glass-slate-24-2: rgba(148,163,184,0.24); --glass-slate-28: rgba(148, 163, 184, 0.28); --glass-slate-28-2: rgba(148,163,184,0.28); --glass-slate-30: rgba(107, 114, 128, 0.30); --glass-slate-40: rgba(148,163,184,.4); --glass-slate-50: rgba(148,163,184,.5); --glass-slate-70: rgba(148, 163, 184, 0.70); --glass-slate-70-2: rgba(148,163,184,0.70); --glass-slate-72: rgba(148, 163, 184, 0.72); --glass-slate-72-2: rgba(148,163,184,0.72); --glass-slate-80: rgba(148, 163, 184, 0.80); --glass-slate-80-2: rgba(148,163,184,0.80); --glass-slate-82: rgba(148, 163, 184, 0.82); --glass-slate-82-2: rgba(148,163,184,0.82); --glass-slate-85: rgba(148, 163, 184, 0.85); --glass-slate-85-2: rgba(148,163,184,0.85); --glass-slate-86: rgba(148, 163, 184, 0.86); --glass-slate-86-2: rgba(148,163,184,0.86); --glass-slate-9: rgba(148, 163, 184, 0.9); --glass-slate-9-2: rgba(148,163,184,0.9); --glass-slate-90: rgba(148, 163, 184, 0.90); --glass-slate-90-2: rgba(148,163,184,0.90); --glass-slate-92: rgba(148, 163, 184, 0.92); --glass-slate-92-2: rgba(148,163,184,0.92); --glass-success-03: rgba(37,211,102,.03); --glass-success-08: rgba(16, 185, 129, 0.08); --glass-success-1: rgba(16, 185, 129, 0.1); --glass-success-10: rgba(16, 185, 129, .10); --glass-success-12: rgba(16, 185, 129, 0.12); --glass-success-16: rgba(16, 185, 129, .16); --glass-success-18: rgba(16, 185, 129, 0.18); --glass-success-2: rgba(16, 185, 129, 0.2); --glass-success-20: rgba(37,211,102,.2); --glass-success-22: rgba(16, 185, 129, 0.22); --glass-success-24: rgba(16, 185, 129, 0.24); --glass-success-28: rgba(16, 185, 129, .28); --glass-success-30: rgba(16, 185, 129, 0.30); --glass-success-32: rgba(16, 185, 129, 0.32); --glass-success-38: rgba(16, 185, 129, 0.38); --glass-success-40: rgba(16, 185, 129, 0.40); --glass-success-50: rgba(48, 209, 88, 0.50); --glass-success-light-82: rgba(240, 253, 244, 0.82); --glass-success-light-95: rgba(52, 211, 153, 0.95); --glass-warning-08: rgba(245, 158, 11, 0.08); --glass-warning-10: rgba(255, 159, 10, 0.10); --glass-warning-11: rgba(245, 158, 11, 0.11); --glass-warning-12: rgba(245, 158, 11, 0.12); --glass-warning-12-2: rgba(245,158,11,0.12); --glass-warning-14: rgba(245, 158, 11, .14); --glass-warning-15: rgba(245, 158, 11, 0.15); --glass-warning-16: rgba(245, 158, 11, 0.16); --glass-warning-18: rgba(245, 158, 11, .18); --glass-warning-22: rgba(245, 158, 11, 0.22); --glass-warning-25: rgba(245,158,11,.25); --glass-warning-30: rgba(245, 158, 11, .30); --glass-warning-35: rgba(180, 83, 9, 0.35); --glass-warning-40: rgba(245, 158, 11, 0.40); --glass-warning-50: rgba(255, 159, 10, 0.50); --glass-warning-light-1: rgba(251, 191, 36, 0.1); --glass-warning-light-18: rgba(251, 191, 36, 0.18); --glass-warning-light-2: rgba(251, 191, 36, 0.2); --glass-warning-light-94: rgba(253, 230, 138, 0.94); --glass-warning-light-94-2: rgba(253,230,138,0.94); --glass-warning-light-95: rgba(253, 230, 138, 0.95); --glass-white-01: rgba(255, 255, 255, 0.01); --glass-white-02: rgba(255, 255, 255, 0.02); --glass-white-03: rgba(255, 255, 255, 0.025); --glass-white-04: rgba(255, 255, 255, 0.035); --glass-white-06: rgba(255,255,255,.06); --glass-white-08: rgba(255,255,255,.08); --glass-white-1: rgba(255, 255, 255, 1); --glass-white-1-2: rgba(255,255,255,.1); --glass-white-15: rgba(255, 255, 255, 0.15); --glass-white-18: rgba(255, 255, 255, 0.18); --glass-white-2: rgba(255, 255, 255, .2); --glass-white-22: rgba(255, 255, 255, 0.22); --glass-white-28: rgba(255, 255, 255, 0.28); --glass-white-32: rgba(255, 255, 255, 0.32); --glass-white-42: rgba(255, 255, 255, 0.42); --glass-white-45: rgba(255, 255, 255, .45); --glass-white-52: rgba(255, 255, 255, 0.52); --glass-white-55: rgba(255, 255, 255, .55); --glass-white-58: rgba(255, 255, 255, 0.58); --glass-white-58-2: rgba(255,255,255,0.58); --glass-white-6: rgba(255, 255, 255, 0.6); --glass-white-60: rgba(255,255,255,0.60); --glass-white-66: rgba(255, 255, 255, 0.66); --glass-white-66-2: rgba(255,255,255,0.66); --glass-white-7: rgba(255, 255, 255, 0.7); --glass-white-72: rgba(255, 255, 255, 0.72); --glass-white-72-2: rgba(255,255,255,0.72); --glass-white-76: rgba(255, 255, 255, 0.76); --glass-white-76-2: rgba(255,255,255,0.76); --glass-white-78: rgba(255, 255, 255, 0.78); --glass-white-78-2: rgba(255,255,255,0.78); --glass-white-8: rgba(255, 255, 255, 0.8); --glass-white-82: rgba(255, 255, 255, 0.82); --glass-white-82-2: rgba(255,255,255,0.82); --glass-white-84: rgba(255, 255, 255, 0.84); --glass-white-84-2: rgba(255,255,255,0.84); --glass-white-86: rgba(255, 255, 255, 0.86); --glass-white-86-2: rgba(255,255,255,0.86); --glass-white-88: rgba(255, 255, 255, 0.88); --glass-white-9: rgba(255,255,255,.9); --glass-white-90: rgba(255, 255, 255, 0.9); --glass-white-92: rgba(255, 255, 255, 0.92); --glass-white-92-2: rgba(255,255,255,0.92); --glass-white-94: rgba(255, 255, 255, 0.94); --glass-white-96: rgba(255, 255, 255, 0.96); } /* ── Semantic type-scale tokens (from design system handoff) ──────────── */ :root { --logo-teal: #54b6b2; --display-font: var(--font-sans); --display-weight: 800; --h1-size: 1.75rem; --h1-tracking: -.03em; --h1-weight: 700; --h2-size: 1.375rem; --h2-tracking: -.02em; --h2-weight: 700; --h3-size: 1.125rem; --h3-tracking: -.02em; --h3-weight: 700; --h4-size: 1rem; --h4-tracking: -.01em; --h4-weight: 700; --body-size: 0.875rem; --body-line: 1.5; --body-weight: 400; --small-size: 0.8125rem; --micro-size: 0.75rem; --overline-size: 0.6875rem; --overline-tracking: 0.07em; --line-tight: 1.2; --line-base: 1.5; } /* ── Global utility classes ───────────────────────────────────────────── */ .overline, .eyebrow { font-size: var(--overline-size); font-weight: 700; text-transform: uppercase; letter-spacing: var(--overline-tracking); color: var(--text-muted); }