/* Generated from DESIGN/system/tokens.json by build_tokens.py - do not edit. */ :root { --mk-brand-indigo: #3B2DFF; --mk-brand-indigo-deep: #3500A8; --mk-brand-cyan: #00B4FF; --mk-brand-indigo-on-dark: #7B6DFF; --mk-font-sans: Geist, Inter, system-ui, -apple-system, 'Segoe UI', sans-serif; --mk-font-mono: 'Geist Mono', ui-monospace, 'SF Mono', Menlo, monospace; --mk-fs-xs: 12px; --mk-fs-sm: 13px; --mk-fs-md: 15px; --mk-fs-lg: 17px; --mk-fs-xl: 20px; --mk-fs-2xl: 26px; --mk-fs-3xl: 34px; --mk-fs-4xl: 48px; --mk-fs-5xl: 64px; --mk-track-display: -0.04em; --mk-track-label: 0.14em; --mk-space-0: 4px; --mk-space-1: 8px; --mk-space-2: 12px; --mk-space-3: 16px; --mk-space-4: 24px; --mk-space-5: 32px; --mk-space-6: 48px; --mk-space-7: 64px; --mk-space-8: 96px; --mk-radius-control: 10px; --mk-radius-card: 14px; --mk-radius-chip: 999px; --mk-motion-fast: 120ms; --mk-motion-base: 220ms; --mk-motion-slow: 420ms; --mk-ease: cubic-bezier(.2,.7,.2,1); --mk-series-1: #3B2DFF; --mk-series-2: #00B4FF; --mk-series-3: #1FD08A; --mk-series-4: #FFB020; --mk-series-5: #FF6B4A; --mk-series-6: #9945FF; --mk-product-superwallet: #4F7EFF; --mk-product-solscope: #9945FF; --mk-product-tide: #FF6B4A; --mk-product-axis: #E8EDF5; --mk-product-sluice: #29A9E0; --mk-product-forge: #E8B04B; color-scheme: light; --mk-ground: #FAFAF7; --mk-ground2: #F2F2EE; --mk-card: #FFFFFF; --mk-raised: #EBEBE4; --mk-ink: #0E0E10; --mk-ink2: #45454B; --mk-muted: #6E6E78; --mk-faint: #A9A9B2; --mk-line: rgba(14,14,16,0.08); --mk-line2: rgba(14,14,16,0.14); --mk-accent: #3B2DFF; --mk-on-accent: #FFFFFF; --mk-up: #0F9D63; --mk-down: #D92D4A; --mk-warn: #B7791F; --mk-info: #2B5AA8; } /* Dark: apps and admin by default; websites opt in with data-theme="dark" or class .mk-dark. */ :root[data-theme="dark"], .mk-dark { color-scheme: dark; --mk-ground: #0B0D12; --mk-ground2: #101218; --mk-card: #14171F; --mk-raised: #1C2029; --mk-ink: #EDEDF0; --mk-ink2: #B8BBC6; --mk-muted: #9A9EAB; --mk-faint: #5E6372; --mk-line: rgba(255,255,255,0.09); --mk-line2: rgba(255,255,255,0.16); --mk-accent: #7B6DFF; --mk-on-accent: #0B0D12; --mk-up: #1FD08A; --mk-down: #FF4D6A; --mk-warn: #FFB020; --mk-info: #6C8CFF; } @media (prefers-color-scheme: dark) { :root[data-mk-follow-system]:not([data-theme="light"]) { color-scheme: dark; --mk-ground: #0B0D12; --mk-ground2: #101218; --mk-card: #14171F; --mk-raised: #1C2029; --mk-ink: #EDEDF0; --mk-ink2: #B8BBC6; --mk-muted: #9A9EAB; --mk-faint: #5E6372; --mk-line: rgba(255,255,255,0.09); --mk-line2: rgba(255,255,255,0.16); --mk-accent: #7B6DFF; --mk-on-accent: #0B0D12; --mk-up: #1FD08A; --mk-down: #FF4D6A; --mk-warn: #FFB020; --mk-info: #6C8CFF; } } /* A product sets its accent once: */ .mk-num { font-variant-numeric: tabular-nums; } .mk-label { font-family: var(--mk-font-mono); text-transform: uppercase; letter-spacing: var(--mk-track-label); } @media (prefers-reduced-motion: reduce) { :root { --mk-motion-fast: 0ms; --mk-motion-base: 0ms; --mk-motion-slow: 0ms; } }