/* MaziFy design tokens - GENERATED from tokens.json by _build/build.py. Do not edit by hand. */ /* Dark is the default theme; light applies via prefers-color-scheme or data-theme="light" on . */ :root { --mz-signal-50: #E8FCF8; --mz-signal-100: #CDF7EF; --mz-signal-200: #A7F1E4; --mz-signal-300: #78E6D5; --mz-signal-400: #3ED6C3; --mz-signal-500: #14B8A7; --mz-signal-600: #059889; --mz-signal-700: #097A6E; --mz-signal-800: #095D53; --mz-signal-900: #09413A; --mz-signal-950: #052823; --mz-neutral-0: #FFFFFF; --mz-neutral-25: #FBF9F5; --mz-neutral-50: #F3F0E9; --mz-neutral-100: #EAE6DD; --mz-neutral-150: #E0DBD1; --mz-neutral-200: #D5CFC4; --mz-neutral-300: #BDB9B0; --mz-neutral-400: #97938A; --mz-neutral-500: #7A776F; --mz-neutral-600: #625F58; --mz-neutral-700: #45433E; --mz-neutral-800: #2D2D2A; --mz-neutral-850: #242422; --mz-neutral-900: #1C1C1A; --mz-neutral-925: #151514; --mz-neutral-950: #0C0C0B; --mz-neutral-1000: #000000; --mz-ink: #0C0C0B; --mz-paper: #F3F0E9; --mz-paper-bright: #FBF9F5; --mz-signal: #3ED6C3; --mz-signal-deep: #097A6E; --mz-gradient-signal: linear-gradient(135deg, #78E6D5 0%, #3ED6C3 45%, #0FA597 100%); --mz-gradient-glow-dark: radial-gradient(60% 50% at 50% 0%, rgba(62,214,195,0.14) 0%, rgba(62,214,195,0) 70%); --mz-gradient-glow-light: radial-gradient(60% 50% at 50% 0%, rgba(9,122,110,0.10) 0%, rgba(9,122,110,0) 70%); --mz-font-sans: "Geist", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; --mz-font-mono: "Geist Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; --mz-space-0: 0; --mz-space-px: 1px; --mz-space-0_5: 2px; --mz-space-1: 4px; --mz-space-2: 8px; --mz-space-3: 12px; --mz-space-4: 16px; --mz-space-5: 20px; --mz-space-6: 24px; --mz-space-8: 32px; --mz-space-10: 40px; --mz-space-12: 48px; --mz-space-16: 64px; --mz-space-20: 80px; --mz-space-24: 96px; --mz-space-32: 128px; --mz-space-40: 160px; --mz-space-48: 192px; --mz-radius-none: 0; --mz-radius-xs: 4px; --mz-radius-sm: 6px; --mz-radius-md: 10px; --mz-radius-lg: 14px; --mz-radius-xl: 20px; --mz-radius-2xl: 28px; --mz-radius-pill: 999px; --mz-radius-icon: 22.37%; --mz-duration-instant: 80ms; --mz-duration-fast: 140ms; --mz-duration-base: 220ms; --mz-duration-slow: 360ms; --mz-duration-deliberate: 600ms; --mz-duration-ambient: 14s; --mz-ease-standard: cubic-bezier(0.2, 0, 0, 1); --mz-ease-enter: cubic-bezier(0.16, 1, 0.3, 1); --mz-ease-exit: cubic-bezier(0.4, 0, 1, 1); --mz-ease-linear: linear; --mz-type-display-2xl-size: clamp(3.1rem, 1.55rem + 6.2vw, 7.25rem); --mz-type-display-2xl-lh: 0.96; --mz-type-display-2xl-tracking: -0.045em; --mz-type-display-xl-size: clamp(2.6rem, 1.6rem + 4vw, 5.25rem); --mz-type-display-xl-lh: 1; --mz-type-display-xl-tracking: -0.04em; --mz-type-display-l-size: clamp(2.1rem, 1.45rem + 2.6vw, 3.75rem); --mz-type-display-l-lh: 1.04; --mz-type-display-l-tracking: -0.035em; --mz-type-heading-l-size: 2rem; --mz-type-heading-l-lh: 1.12; --mz-type-heading-l-tracking: -0.028em; --mz-type-heading-m-size: 1.5rem; --mz-type-heading-m-lh: 1.2; --mz-type-heading-m-tracking: -0.02em; --mz-type-heading-s-size: 1.1875rem; --mz-type-heading-s-lh: 1.3; --mz-type-heading-s-tracking: -0.012em; --mz-type-body-l-size: 1.1875rem; --mz-type-body-l-lh: 1.55; --mz-type-body-l-tracking: -0.011em; --mz-type-body-size: 1rem; --mz-type-body-lh: 1.6; --mz-type-body-tracking: -0.006em; --mz-type-body-s-size: 0.875rem; --mz-type-body-s-lh: 1.55; --mz-type-body-s-tracking: 0; --mz-type-ui-size: 0.875rem; --mz-type-ui-lh: 1.4; --mz-type-ui-tracking: -0.003em; --mz-type-ui-s-size: 0.8125rem; --mz-type-ui-s-lh: 1.35; --mz-type-ui-s-tracking: 0; --mz-type-caption-size: 0.8125rem; --mz-type-caption-lh: 1.45; --mz-type-caption-tracking: 0; --mz-type-label-size: 0.75rem; --mz-type-label-lh: 1.3; --mz-type-label-tracking: 0.08em; --mz-type-code-size: 0.875rem; --mz-type-code-lh: 1.5; --mz-type-code-tracking: 0; --mz-focus-width: 2px; --mz-focus-offset: 2px; --mz-gutter-mobile: 16px; --mz-gutter-tablet: 24px; --mz-gutter-desktop: 40px; --mz-container: 1200px; --mz-container-wide: 1360px; --mz-measure: 68ch; } :root { color-scheme: dark; --mz-bg: #0C0C0B; --mz-bg-veil: rgba(12,12,11,0.72); --mz-surface-1: #151514; --mz-surface-2: #1C1C1A; --mz-surface-3: #242422; --mz-surface-4: #2D2D2A; --mz-border: rgba(243,240,233,0.10); --mz-border-strong: rgba(243,240,233,0.18); --mz-fg: #F3F0E9; --mz-fg-sub: #BDB9B0; --mz-fg-muted: #97938A; --mz-fg-faint: #66645E; --mz-accent: #3ED6C3; --mz-accent-hover: #78E6D5; --mz-accent-press: #14B8A7; --mz-accent-fg: #0C0C0B; --mz-accent-ink: #3ED6C3; --mz-accent-soft: rgba(62,214,195,0.12); --mz-accent-border: rgba(62,214,195,0.38); --mz-ring: #3ED6C3; --mz-selection: rgba(62,214,195,0.28); --mz-success: #48C063; --mz-success-ink: #73D885; --mz-success-soft: rgba(72,192,99,0.14); --mz-warning: #F5AE39; --mz-warning-ink: #FCBE62; --mz-warning-soft: rgba(245,174,57,0.14); --mz-danger: #F05653; --mz-danger-ink: #FB817A; --mz-danger-soft: rgba(240,86,83,0.14); --mz-info: #539AF2; --mz-info-ink: #84B7F9; --mz-info-soft: rgba(83,154,242,0.14); --mz-serious: #F47F46; --mz-serious-ink: #FE9F73; --mz-serious-soft: rgba(244,127,70,0.14); --mz-mode-shadow: #A39BDA; --mz-mode-approve: #539AF2; --mz-mode-auto: #48C063; --mz-chart-surface: #151514; --mz-grid: #242422; --mz-baseline: #3A3935; --mz-scrim: rgba(0,0,0,0.62); --mz-shadow-1: inset 0 1px 0 rgba(243,240,233,0.04), 0 1px 2px rgba(0,0,0,0.45); --mz-shadow-2: inset 0 1px 0 rgba(243,240,233,0.05), 0 10px 30px -10px rgba(0,0,0,0.6); --mz-shadow-3: inset 0 1px 0 rgba(243,240,233,0.06), 0 30px 80px -20px rgba(0,0,0,0.75); --mz-series-1: #08A292; --mz-series-2: #D95926; --mz-series-3: #3987E5; --mz-series-4: #C98500; --mz-series-5: #D55181; --mz-series-6: #008300; --mz-series-7: #9085E9; --mz-series-8: #E66767; --mz-seq-100: #09413A; --mz-seq-200: #095D53; --mz-seq-300: #097A6E; --mz-seq-400: #059889; --mz-seq-500: #14B8A7; --mz-seq-600: #3ED6C3; --mz-seq-700: #78E6D5; --mz-seq-800: #A7F1E4; --mz-seq-900: #CDF7EF; } @media (prefers-color-scheme: light) { :root:not([data-theme="dark"]) { color-scheme: light; --mz-bg: #F3F0E9; --mz-bg-veil: rgba(243,240,233,0.78); --mz-surface-1: #FBF9F5; --mz-surface-2: #EAE6DD; --mz-surface-3: #E0DBD1; --mz-surface-4: #D5CFC4; --mz-border: rgba(12,12,11,0.10); --mz-border-strong: rgba(12,12,11,0.18); --mz-fg: #0C0C0B; --mz-fg-sub: #45433E; --mz-fg-muted: #625F58; --mz-fg-faint: #9A968C; --mz-accent: #097A6E; --mz-accent-hover: #095D53; --mz-accent-press: #09413A; --mz-accent-fg: #FFFFFF; --mz-accent-ink: #095D53; --mz-accent-soft: rgba(9,122,110,0.10); --mz-accent-border: rgba(9,122,110,0.36); --mz-ring: #097A6E; --mz-selection: rgba(62,214,195,0.36); --mz-success: #1D903F; --mz-success-ink: #0E6D2C; --mz-success-soft: rgba(29,144,63,0.12); --mz-warning: #B87505; --mz-warning-ink: #855904; --mz-warning-soft: rgba(184,117,5,0.13); --mz-danger: #D42F34; --mz-danger-ink: #B32228; --mz-danger-soft: rgba(212,47,52,0.11); --mz-info: #1A73D5; --mz-info-ink: #005BB3; --mz-info-soft: rgba(26,115,213,0.11); --mz-serious: #D55C13; --mz-serious-ink: #A14206; --mz-serious-soft: rgba(213,92,19,0.12); --mz-mode-shadow: #6355A2; --mz-mode-approve: #1A73D5; --mz-mode-auto: #1D903F; --mz-chart-surface: #FBF9F5; --mz-grid: #E0DBD1; --mz-baseline: #BDB9B0; --mz-scrim: rgba(12,12,11,0.45); --mz-shadow-1: 0 1px 2px rgba(12,12,11,0.06), 0 0 0 1px rgba(12,12,11,0.04); --mz-shadow-2: 0 10px 30px -12px rgba(12,12,11,0.18); --mz-shadow-3: 0 30px 70px -20px rgba(12,12,11,0.26); --mz-series-1: #0A9B8C; --mz-series-2: #EB6834; --mz-series-3: #2A78D6; --mz-series-4: #EDA100; --mz-series-5: #E87BA4; --mz-series-6: #008300; --mz-series-7: #4A3AA7; --mz-series-8: #E34948; --mz-seq-100: #CDF7EF; --mz-seq-200: #A7F1E4; --mz-seq-300: #78E6D5; --mz-seq-400: #3ED6C3; --mz-seq-500: #14B8A7; --mz-seq-600: #059889; --mz-seq-700: #097A6E; --mz-seq-800: #095D53; --mz-seq-900: #09413A; } } :root[data-theme="light"] { color-scheme: light; --mz-bg: #F3F0E9; --mz-bg-veil: rgba(243,240,233,0.78); --mz-surface-1: #FBF9F5; --mz-surface-2: #EAE6DD; --mz-surface-3: #E0DBD1; --mz-surface-4: #D5CFC4; --mz-border: rgba(12,12,11,0.10); --mz-border-strong: rgba(12,12,11,0.18); --mz-fg: #0C0C0B; --mz-fg-sub: #45433E; --mz-fg-muted: #625F58; --mz-fg-faint: #9A968C; --mz-accent: #097A6E; --mz-accent-hover: #095D53; --mz-accent-press: #09413A; --mz-accent-fg: #FFFFFF; --mz-accent-ink: #095D53; --mz-accent-soft: rgba(9,122,110,0.10); --mz-accent-border: rgba(9,122,110,0.36); --mz-ring: #097A6E; --mz-selection: rgba(62,214,195,0.36); --mz-success: #1D903F; --mz-success-ink: #0E6D2C; --mz-success-soft: rgba(29,144,63,0.12); --mz-warning: #B87505; --mz-warning-ink: #855904; --mz-warning-soft: rgba(184,117,5,0.13); --mz-danger: #D42F34; --mz-danger-ink: #B32228; --mz-danger-soft: rgba(212,47,52,0.11); --mz-info: #1A73D5; --mz-info-ink: #005BB3; --mz-info-soft: rgba(26,115,213,0.11); --mz-serious: #D55C13; --mz-serious-ink: #A14206; --mz-serious-soft: rgba(213,92,19,0.12); --mz-mode-shadow: #6355A2; --mz-mode-approve: #1A73D5; --mz-mode-auto: #1D903F; --mz-chart-surface: #FBF9F5; --mz-grid: #E0DBD1; --mz-baseline: #BDB9B0; --mz-scrim: rgba(12,12,11,0.45); --mz-shadow-1: 0 1px 2px rgba(12,12,11,0.06), 0 0 0 1px rgba(12,12,11,0.04); --mz-shadow-2: 0 10px 30px -12px rgba(12,12,11,0.18); --mz-shadow-3: 0 30px 70px -20px rgba(12,12,11,0.26); --mz-series-1: #0A9B8C; --mz-series-2: #EB6834; --mz-series-3: #2A78D6; --mz-series-4: #EDA100; --mz-series-5: #E87BA4; --mz-series-6: #008300; --mz-series-7: #4A3AA7; --mz-series-8: #E34948; --mz-seq-100: #CDF7EF; --mz-seq-200: #A7F1E4; --mz-seq-300: #78E6D5; --mz-seq-400: #3ED6C3; --mz-seq-500: #14B8A7; --mz-seq-600: #059889; --mz-seq-700: #097A6E; --mz-seq-800: #095D53; --mz-seq-900: #09413A; } :root[data-theme="dark"] { color-scheme: dark; --mz-bg: #0C0C0B; --mz-bg-veil: rgba(12,12,11,0.72); --mz-surface-1: #151514; --mz-surface-2: #1C1C1A; --mz-surface-3: #242422; --mz-surface-4: #2D2D2A; --mz-border: rgba(243,240,233,0.10); --mz-border-strong: rgba(243,240,233,0.18); --mz-fg: #F3F0E9; --mz-fg-sub: #BDB9B0; --mz-fg-muted: #97938A; --mz-fg-faint: #66645E; --mz-accent: #3ED6C3; --mz-accent-hover: #78E6D5; --mz-accent-press: #14B8A7; --mz-accent-fg: #0C0C0B; --mz-accent-ink: #3ED6C3; --mz-accent-soft: rgba(62,214,195,0.12); --mz-accent-border: rgba(62,214,195,0.38); --mz-ring: #3ED6C3; --mz-selection: rgba(62,214,195,0.28); --mz-success: #48C063; --mz-success-ink: #73D885; --mz-success-soft: rgba(72,192,99,0.14); --mz-warning: #F5AE39; --mz-warning-ink: #FCBE62; --mz-warning-soft: rgba(245,174,57,0.14); --mz-danger: #F05653; --mz-danger-ink: #FB817A; --mz-danger-soft: rgba(240,86,83,0.14); --mz-info: #539AF2; --mz-info-ink: #84B7F9; --mz-info-soft: rgba(83,154,242,0.14); --mz-serious: #F47F46; --mz-serious-ink: #FE9F73; --mz-serious-soft: rgba(244,127,70,0.14); --mz-mode-shadow: #A39BDA; --mz-mode-approve: #539AF2; --mz-mode-auto: #48C063; --mz-chart-surface: #151514; --mz-grid: #242422; --mz-baseline: #3A3935; --mz-scrim: rgba(0,0,0,0.62); --mz-shadow-1: inset 0 1px 0 rgba(243,240,233,0.04), 0 1px 2px rgba(0,0,0,0.45); --mz-shadow-2: inset 0 1px 0 rgba(243,240,233,0.05), 0 10px 30px -10px rgba(0,0,0,0.6); --mz-shadow-3: inset 0 1px 0 rgba(243,240,233,0.06), 0 30px 80px -20px rgba(0,0,0,0.75); --mz-series-1: #08A292; --mz-series-2: #D95926; --mz-series-3: #3987E5; --mz-series-4: #C98500; --mz-series-5: #D55181; --mz-series-6: #008300; --mz-series-7: #9085E9; --mz-series-8: #E66767; --mz-seq-100: #09413A; --mz-seq-200: #095D53; --mz-seq-300: #097A6E; --mz-seq-400: #059889; --mz-seq-500: #14B8A7; --mz-seq-600: #3ED6C3; --mz-seq-700: #78E6D5; --mz-seq-800: #A7F1E4; --mz-seq-900: #CDF7EF; } /* Scoped themes: force a region into one theme whatever the page theme is. */ .mz-theme-dark { color-scheme: dark; --mz-bg: #0C0C0B; --mz-bg-veil: rgba(12,12,11,0.72); --mz-surface-1: #151514; --mz-surface-2: #1C1C1A; --mz-surface-3: #242422; --mz-surface-4: #2D2D2A; --mz-border: rgba(243,240,233,0.10); --mz-border-strong: rgba(243,240,233,0.18); --mz-fg: #F3F0E9; --mz-fg-sub: #BDB9B0; --mz-fg-muted: #97938A; --mz-fg-faint: #66645E; --mz-accent: #3ED6C3; --mz-accent-hover: #78E6D5; --mz-accent-press: #14B8A7; --mz-accent-fg: #0C0C0B; --mz-accent-ink: #3ED6C3; --mz-accent-soft: rgba(62,214,195,0.12); --mz-accent-border: rgba(62,214,195,0.38); --mz-ring: #3ED6C3; --mz-selection: rgba(62,214,195,0.28); --mz-success: #48C063; --mz-success-ink: #73D885; --mz-success-soft: rgba(72,192,99,0.14); --mz-warning: #F5AE39; --mz-warning-ink: #FCBE62; --mz-warning-soft: rgba(245,174,57,0.14); --mz-danger: #F05653; --mz-danger-ink: #FB817A; --mz-danger-soft: rgba(240,86,83,0.14); --mz-info: #539AF2; --mz-info-ink: #84B7F9; --mz-info-soft: rgba(83,154,242,0.14); --mz-serious: #F47F46; --mz-serious-ink: #FE9F73; --mz-serious-soft: rgba(244,127,70,0.14); --mz-mode-shadow: #A39BDA; --mz-mode-approve: #539AF2; --mz-mode-auto: #48C063; --mz-chart-surface: #151514; --mz-grid: #242422; --mz-baseline: #3A3935; --mz-scrim: rgba(0,0,0,0.62); --mz-shadow-1: inset 0 1px 0 rgba(243,240,233,0.04), 0 1px 2px rgba(0,0,0,0.45); --mz-shadow-2: inset 0 1px 0 rgba(243,240,233,0.05), 0 10px 30px -10px rgba(0,0,0,0.6); --mz-shadow-3: inset 0 1px 0 rgba(243,240,233,0.06), 0 30px 80px -20px rgba(0,0,0,0.75); --mz-series-1: #08A292; --mz-series-2: #D95926; --mz-series-3: #3987E5; --mz-series-4: #C98500; --mz-series-5: #D55181; --mz-series-6: #008300; --mz-series-7: #9085E9; --mz-series-8: #E66767; --mz-seq-100: #09413A; --mz-seq-200: #095D53; --mz-seq-300: #097A6E; --mz-seq-400: #059889; --mz-seq-500: #14B8A7; --mz-seq-600: #3ED6C3; --mz-seq-700: #78E6D5; --mz-seq-800: #A7F1E4; --mz-seq-900: #CDF7EF; } .mz-theme-light { color-scheme: light; --mz-bg: #F3F0E9; --mz-bg-veil: rgba(243,240,233,0.78); --mz-surface-1: #FBF9F5; --mz-surface-2: #EAE6DD; --mz-surface-3: #E0DBD1; --mz-surface-4: #D5CFC4; --mz-border: rgba(12,12,11,0.10); --mz-border-strong: rgba(12,12,11,0.18); --mz-fg: #0C0C0B; --mz-fg-sub: #45433E; --mz-fg-muted: #625F58; --mz-fg-faint: #9A968C; --mz-accent: #097A6E; --mz-accent-hover: #095D53; --mz-accent-press: #09413A; --mz-accent-fg: #FFFFFF; --mz-accent-ink: #095D53; --mz-accent-soft: rgba(9,122,110,0.10); --mz-accent-border: rgba(9,122,110,0.36); --mz-ring: #097A6E; --mz-selection: rgba(62,214,195,0.36); --mz-success: #1D903F; --mz-success-ink: #0E6D2C; --mz-success-soft: rgba(29,144,63,0.12); --mz-warning: #B87505; --mz-warning-ink: #855904; --mz-warning-soft: rgba(184,117,5,0.13); --mz-danger: #D42F34; --mz-danger-ink: #B32228; --mz-danger-soft: rgba(212,47,52,0.11); --mz-info: #1A73D5; --mz-info-ink: #005BB3; --mz-info-soft: rgba(26,115,213,0.11); --mz-serious: #D55C13; --mz-serious-ink: #A14206; --mz-serious-soft: rgba(213,92,19,0.12); --mz-mode-shadow: #6355A2; --mz-mode-approve: #1A73D5; --mz-mode-auto: #1D903F; --mz-chart-surface: #FBF9F5; --mz-grid: #E0DBD1; --mz-baseline: #BDB9B0; --mz-scrim: rgba(12,12,11,0.45); --mz-shadow-1: 0 1px 2px rgba(12,12,11,0.06), 0 0 0 1px rgba(12,12,11,0.04); --mz-shadow-2: 0 10px 30px -12px rgba(12,12,11,0.18); --mz-shadow-3: 0 30px 70px -20px rgba(12,12,11,0.26); --mz-series-1: #0A9B8C; --mz-series-2: #EB6834; --mz-series-3: #2A78D6; --mz-series-4: #EDA100; --mz-series-5: #E87BA4; --mz-series-6: #008300; --mz-series-7: #4A3AA7; --mz-series-8: #E34948; --mz-seq-100: #CDF7EF; --mz-seq-200: #A7F1E4; --mz-seq-300: #78E6D5; --mz-seq-400: #3ED6C3; --mz-seq-500: #14B8A7; --mz-seq-600: #059889; --mz-seq-700: #097A6E; --mz-seq-800: #095D53; --mz-seq-900: #09413A; }