:root{color-scheme:light;--voice-ui: "Roboto Flex", "Roboto", system-ui, -apple-system, "Segoe UI", sans-serif;--voice-data: "IBM Plex Mono", ui-monospace, "SF Mono", Menlo, monospace;--type-display: clamp(1.6rem, 1.2rem + 1.6vw, 2.25rem);--type-title: 1.25rem;--type-body: .9375rem;--type-small: .8125rem;--type-data: .8125rem;--type-label: .6875rem;--track-label: .12em;--leading-body: 1.5;--leading-tight: 1.15;--space-3xs: 2px;--space-2xs: 4px;--space-xs: 8px;--space-sm: 12px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--space-2xl: 56px;--shape-xs: 6px;--shape-sm: 10px;--shape-md: 16px;--shape-lg: 24px;--shape-full: 999px;--motion-fast: .15s;--motion-base: .24s;--motion-slow: .42s;--ease-standard: cubic-bezier(.2, 0, 0, 1);--ease-spring: cubic-bezier(.22, 1.1, .36, 1.02);--ease-exit: cubic-bezier(.3, 0, .8, .15);--topbar-height: 3.5rem;--drawer-width: 20rem;--sheet-width: 52rem;--touch-target: 2.75rem;--line: color-mix(in srgb, var(--ink) 9%, transparent);--line-strong: color-mix(in srgb, var(--ink) 18%, transparent);--fill: color-mix(in srgb, var(--ink) 4.5%, transparent);--fill-strong: color-mix(in srgb, var(--ink) 8%, transparent);--scrim: color-mix(in srgb, var(--shade) 30%, transparent);--shadow-1: 0 1px 2px color-mix(in srgb, var(--shade) 5%, transparent), 0 2px 10px color-mix(in srgb, var(--shade) 5%, transparent);--shadow-2: 0 2px 6px color-mix(in srgb, var(--shade) 6%, transparent), 0 12px 28px color-mix(in srgb, var(--shade) 9%, transparent);--shadow-3: 0 6px 16px color-mix(in srgb, var(--shade) 9%, transparent), 0 28px 60px color-mix(in srgb, var(--shade) 14%, transparent);--syntax-name: var(--ink);--syntax-punct: var(--ink-soft)}:root[mode=dark]{color-scheme:dark;--scrim: color-mix(in srgb, var(--shade) 55%, transparent);--shadow-1: 0 0 0 1px color-mix(in srgb, var(--ink) 6%, transparent), 0 2px 8px color-mix(in srgb, var(--shade) 40%, transparent);--shadow-2: 0 0 0 1px color-mix(in srgb, var(--ink) 7%, transparent), 0 12px 28px color-mix(in srgb, var(--shade) 50%, transparent);--shadow-3: 0 0 0 1px color-mix(in srgb, var(--ink) 8%, transparent), 0 28px 60px color-mix(in srgb, var(--shade) 65%, transparent)}[status=draft]{--status-color: var(--ink-faint);--status-soft: var(--fill)}[status=waiting]{--status-color: var(--ink-soft);--status-soft: var(--fill)}[status=working]{--status-color: var(--live);--status-soft: var(--live-soft)}[status=realized]{--status-color: var(--pass);--status-soft: var(--pass-soft)}[status=archived]{--status-color: var(--ink-faint);--status-soft: var(--fill)}
