/*
 * tokens.css — 由脚本生成，勿手改。
 * 来源：design/tokens.json v0.3.0（docs/DESIGN_SYSTEM.md）
 * 生成：node website/scripts/build-tokens.mjs
 *
 * --ds-*            通用段：深色在 :root，浅色在 prefers-color-scheme: light 与 [data-theme="light"]
 * --ds-dark-color-* 通用段深色的恒定别名，供首屏 / 手机框在浅色下保持墨底
 * --sayit-*         特有段（品牌几何、灯色、字阶、间距、尺寸、版面、动效）
 */

:root {
  color-scheme: dark;
  --ds-color-bg: #0e0f11;
  --ds-color-bg-elevated: #131417;
  --ds-color-surface: #17181c;
  --ds-color-surface-hover: #1d1e23;
  --ds-color-surface-glass: rgb(14 15 17 / 0.72);
  --ds-color-border: rgb(232 228 221 / 0.08);
  --ds-color-border-strong: rgb(232 228 221 / 0.18);
  --ds-color-fg: #e8e4dd;
  --ds-color-fg-display: #e8e4dd;
  --ds-color-display-shadow: rgb(0 0 0 / 0.45);
  --ds-color-fg-muted: #a9a49c;
  --ds-color-fg-subtle: #6f6b65;
  --ds-color-link: #cfd8d5;
  --ds-color-link-hover: #e8e4dd;
  --ds-color-accent: #f0a35e;
  --ds-color-accent-hover: #f5b67c;
  --ds-color-accent-fg: #1a120a;
  --ds-color-accent-soft: rgb(240 163 94 / 0.12);
  --ds-color-accent-glow: rgb(240 163 94 / 0.32);
  --ds-color-accent-glow-faint: rgb(240 163 94 / 0.08);
  --ds-color-secondary: #7d8f8a;
  --ds-color-secondary-fg: #c2cfcb;
  --ds-color-secondary-soft: rgb(125 143 138 / 0.14);
  --ds-color-success: #7fb08f;
  --ds-color-warning: #d9b96a;
  --ds-color-danger: #c97c7c;
  --ds-color-overlay: rgb(0 0 0 / 0.6);
  --ds-color-code-bg: #111215;
  --ds-color-code-fg: #d8d4cc;
  --ds-color-selection: rgb(240 163 94 / 0.28);
  --ds-color-chart-line: #7d8f8a;
  --ds-color-chart-fill: rgb(125 143 138 / 0.12);
  --ds-color-chart-marker: #f0a35e;
  --ds-color-orb-hi: #fffefc;
  --ds-color-orb-mid: #ffd3ab;
  --ds-color-orb: #ffb26e;
  --ds-color-orb-rim: #fa7600;
  --ds-color-orb-glow: rgb(255 178 110 / 0.64);
  --ds-color-orb-glow-mid: rgb(255 178 110 / 0.19);
  --ds-color-orb-glow-end: rgb(255 178 110 / 0);
  --ds-color-syntax-keyword: #c9a7d9;
  --ds-color-syntax-string: #a7c9a3;
  --ds-color-syntax-constant: #e0c48a;
  --ds-color-syntax-function: #9fc3d6;
  --ds-color-syntax-comment: #6f6b65;
  --ds-color-syntax-punctuation: #8f8a83;
  --ds-radius-xs: 0.25rem;
  --ds-radius-sm: 0.375rem;
  --ds-radius-md: 0.625rem;
  --ds-radius-lg: 0.875rem;
  --ds-radius-xl: 1.25rem;
  --ds-radius-2xl: 1.75rem;
  --ds-radius-full: 9999px;
  --ds-border-hairline: 1px;
  --ds-border-thick: 2px;
  --ds-shadow-none: none;
  --ds-shadow-sm: 0 1px 2px 0 rgb(0 0 0 / 0.18);
  --ds-shadow-md: 0 8px 24px -12px rgb(0 0 0 / 0.4);
  --ds-shadow-lg: 0 24px 60px -24px rgb(0 0 0 / 0.5);
  --ds-shadow-glow: 0 0 0 1px var(--ds-color-accent-soft), 0 0 48px -8px var(--ds-color-accent-glow);
  --ds-shadow-glow-strong: 0 0 0 1px var(--ds-color-accent-soft), 0 0 96px -12px var(--ds-color-accent-glow);
  --ds-shadow-ring: 0 0 0 3px var(--ds-color-accent-soft);
  --ds-blur-glass: 12px;
  --ds-blur-halo: 90px;
  --ds-text-shadow-display: 0 2px 16px var(--ds-color-display-shadow);
  --ds-opacity-disabled: 0.45;
  --ds-opacity-muted: 0.7;
  --ds-opacity-hover: 0.85;
  --ds-opacity-halo: 0.55;
  --ds-opacity-halo-light: 0.3;
  --ds-opacity-pattern: 0.5;
  --ds-duration-fast: 150ms;
  --ds-duration-base: 240ms;
  --ds-duration-slow: 320ms;
  --ds-duration-reveal: 600ms;
  --ds-duration-breath: 5000ms;
  --ds-ease-standard: cubic-bezier(0.2, 0, 0, 1);
  --ds-ease-emphasized: cubic-bezier(0.3, 0, 0, 1);
  --ds-ease-breath: cubic-bezier(0.45, 0, 0.55, 1);
  --ds-font-sans: "Inter", "Noto Sans SC Variable", "Source Han Sans SC", "Noto Sans CJK SC", sans-serif;
  --ds-font-mono: ui-monospace, SFMono-Regular, Menlo, Consolas, "Liberation Mono", "Noto Sans Mono CJK SC", monospace;
  --ds-text-xs: 0.8125rem;
  --ds-text-xs--line-height: 1.2rem;
  --ds-text-sm: 0.9375rem;
  --ds-text-sm--line-height: 1.5rem;
  --ds-text-base: 1.0625rem;
  --ds-text-base--line-height: 1.75rem;
  --ds-text-lg: 1.1875rem;
  --ds-text-lg--line-height: 1.9rem;
  --ds-text-xl: 1.375rem;
  --ds-text-xl--line-height: 2rem;
  --ds-text-2xl: 1.625rem;
  --ds-text-2xl--line-height: 2.15rem;
  --ds-text-3xl: 2rem;
  --ds-text-3xl--line-height: 2.45rem;
  --ds-text-4xl: 2.5rem;
  --ds-text-4xl--line-height: 2.9rem;
  --ds-text-5xl: 3.25rem;
  --ds-text-5xl--line-height: 3.55rem;
  --ds-text-6xl: 4.25rem;
  --ds-text-6xl--line-height: 4.45rem;
  --ds-container-figure: 32rem;
  --ds-container-prose: 44rem;
  --ds-container-content: 72rem;
  --ds-container-wide: 88rem;
  --ds-weight-normal: 450;
  --ds-weight-medium: 600;
  --ds-weight-semibold: 700;
  --ds-tracking-tight: -0.02em;
  --ds-tracking-normal: 0;
  --ds-tracking-wide: 0.06em;
  --ds-reveal-offset: 6px;
  --ds-breath-amplitude: 0.08;
  --ds-header-height: 3.75rem;
}

@media (prefers-color-scheme: light) {
  :root:not([data-theme="dark"]) {
    color-scheme: light;
    --ds-color-bg: #f7f3ec;
    --ds-color-bg-elevated: #fbf9f5;
    --ds-color-surface: #fdfbf8;
    --ds-color-surface-hover: #f1ece3;
    --ds-color-surface-glass: rgb(247 243 236 / 0.8);
    --ds-color-border: rgb(44 38 32 / 0.1);
    --ds-color-border-strong: rgb(44 38 32 / 0.22);
    --ds-color-fg: #26221e;
    --ds-color-fg-display: #16130f;
    --ds-color-display-shadow: transparent;
    --ds-color-fg-muted: #625b53;
    --ds-color-fg-subtle: #8d857c;
    --ds-color-link: #4b6560;
    --ds-color-link-hover: #26221e;
    --ds-color-accent: #a5623f;
    --ds-color-accent-hover: #8f5233;
    --ds-color-accent-fg: #fbf6ef;
    --ds-color-accent-soft: rgb(165 98 63 / 0.1);
    --ds-color-accent-glow: rgb(165 98 63 / 0.2);
    --ds-color-accent-glow-faint: rgb(165 98 63 / 0.06);
    --ds-color-secondary: #5f726d;
    --ds-color-secondary-fg: #3e4f4b;
    --ds-color-secondary-soft: rgb(95 114 109 / 0.12);
    --ds-color-success: #3f7a53;
    --ds-color-warning: #8f7325;
    --ds-color-danger: #9c4b4b;
    --ds-color-overlay: rgb(38 34 30 / 0.4);
    --ds-color-code-bg: #efe9df;
    --ds-color-code-fg: #2d2822;
    --ds-color-selection: rgb(165 98 63 / 0.22);
    --ds-color-chart-line: #5f726d;
    --ds-color-chart-fill: rgb(95 114 109 / 0.1);
    --ds-color-chart-marker: #a5623f;
    --ds-color-orb-hi: #fffefc;
    --ds-color-orb-mid: #ffd3ab;
    --ds-color-orb: #ffb26e;
    --ds-color-orb-rim: #fa7600;
    --ds-color-orb-glow: rgb(255 178 110 / 0.64);
    --ds-color-orb-glow-mid: rgb(255 178 110 / 0.19);
    --ds-color-orb-glow-end: rgb(255 178 110 / 0);
    --ds-color-syntax-keyword: #7a4f8c;
    --ds-color-syntax-string: #3f7a4a;
    --ds-color-syntax-constant: #8a6a1f;
    --ds-color-syntax-function: #2f6a84;
    --ds-color-syntax-comment: #8d857c;
    --ds-color-syntax-punctuation: #6b655e;
  }
}

:root[data-theme="light"] {
  color-scheme: light;
  --ds-color-bg: #f7f3ec;
  --ds-color-bg-elevated: #fbf9f5;
  --ds-color-surface: #fdfbf8;
  --ds-color-surface-hover: #f1ece3;
  --ds-color-surface-glass: rgb(247 243 236 / 0.8);
  --ds-color-border: rgb(44 38 32 / 0.1);
  --ds-color-border-strong: rgb(44 38 32 / 0.22);
  --ds-color-fg: #26221e;
  --ds-color-fg-display: #16130f;
  --ds-color-display-shadow: transparent;
  --ds-color-fg-muted: #625b53;
  --ds-color-fg-subtle: #8d857c;
  --ds-color-link: #4b6560;
  --ds-color-link-hover: #26221e;
  --ds-color-accent: #a5623f;
  --ds-color-accent-hover: #8f5233;
  --ds-color-accent-fg: #fbf6ef;
  --ds-color-accent-soft: rgb(165 98 63 / 0.1);
  --ds-color-accent-glow: rgb(165 98 63 / 0.2);
  --ds-color-accent-glow-faint: rgb(165 98 63 / 0.06);
  --ds-color-secondary: #5f726d;
  --ds-color-secondary-fg: #3e4f4b;
  --ds-color-secondary-soft: rgb(95 114 109 / 0.12);
  --ds-color-success: #3f7a53;
  --ds-color-warning: #8f7325;
  --ds-color-danger: #9c4b4b;
  --ds-color-overlay: rgb(38 34 30 / 0.4);
  --ds-color-code-bg: #efe9df;
  --ds-color-code-fg: #2d2822;
  --ds-color-selection: rgb(165 98 63 / 0.22);
  --ds-color-chart-line: #5f726d;
  --ds-color-chart-fill: rgb(95 114 109 / 0.1);
  --ds-color-chart-marker: #a5623f;
  --ds-color-orb-hi: #fffefc;
  --ds-color-orb-mid: #ffd3ab;
  --ds-color-orb: #ffb26e;
  --ds-color-orb-rim: #fa7600;
  --ds-color-orb-glow: rgb(255 178 110 / 0.64);
  --ds-color-orb-glow-mid: rgb(255 178 110 / 0.19);
  --ds-color-orb-glow-end: rgb(255 178 110 / 0);
  --ds-color-syntax-keyword: #7a4f8c;
  --ds-color-syntax-string: #3f7a4a;
  --ds-color-syntax-constant: #8a6a1f;
  --ds-color-syntax-function: #2f6a84;
  --ds-color-syntax-comment: #8d857c;
  --ds-color-syntax-punctuation: #6b655e;
}

/* ds.colors.dark 恒定别名（不随主题） */
:root {
  --ds-dark-color-bg: #0e0f11;
  --ds-dark-color-bg-elevated: #131417;
  --ds-dark-color-surface: #17181c;
  --ds-dark-color-surface-hover: #1d1e23;
  --ds-dark-color-surface-glass: rgb(14 15 17 / 0.72);
  --ds-dark-color-border: rgb(232 228 221 / 0.08);
  --ds-dark-color-border-strong: rgb(232 228 221 / 0.18);
  --ds-dark-color-fg: #e8e4dd;
  --ds-dark-color-fg-display: #e8e4dd;
  --ds-dark-color-display-shadow: rgb(0 0 0 / 0.45);
  --ds-dark-color-fg-muted: #a9a49c;
  --ds-dark-color-fg-subtle: #6f6b65;
  --ds-dark-color-link: #cfd8d5;
  --ds-dark-color-link-hover: #e8e4dd;
  --ds-dark-color-accent: #f0a35e;
  --ds-dark-color-accent-hover: #f5b67c;
  --ds-dark-color-accent-fg: #1a120a;
  --ds-dark-color-accent-soft: rgb(240 163 94 / 0.12);
  --ds-dark-color-accent-glow: rgb(240 163 94 / 0.32);
  --ds-dark-color-accent-glow-faint: rgb(240 163 94 / 0.08);
  --ds-dark-color-secondary: #7d8f8a;
  --ds-dark-color-secondary-fg: #c2cfcb;
  --ds-dark-color-secondary-soft: rgb(125 143 138 / 0.14);
  --ds-dark-color-success: #7fb08f;
  --ds-dark-color-warning: #d9b96a;
  --ds-dark-color-danger: #c97c7c;
  --ds-dark-color-overlay: rgb(0 0 0 / 0.6);
  --ds-dark-color-code-bg: #111215;
  --ds-dark-color-code-fg: #d8d4cc;
  --ds-dark-color-selection: rgb(240 163 94 / 0.28);
  --ds-dark-color-chart-line: #7d8f8a;
  --ds-dark-color-chart-fill: rgb(125 143 138 / 0.12);
  --ds-dark-color-chart-marker: #f0a35e;
  --ds-dark-color-orb-hi: #fffefc;
  --ds-dark-color-orb-mid: #ffd3ab;
  --ds-dark-color-orb: #ffb26e;
  --ds-dark-color-orb-rim: #fa7600;
  --ds-dark-color-orb-glow: rgb(255 178 110 / 0.64);
  --ds-dark-color-orb-glow-mid: rgb(255 178 110 / 0.19);
  --ds-dark-color-orb-glow-end: rgb(255 178 110 / 0);
  --ds-dark-color-syntax-keyword: #c9a7d9;
  --ds-dark-color-syntax-string: #a7c9a3;
  --ds-dark-color-syntax-constant: #e0c48a;
  --ds-dark-color-syntax-function: #9fc3d6;
  --ds-dark-color-syntax-comment: #6f6b65;
  --ds-dark-color-syntax-punctuation: #8f8a83;
}

/* sayit 段 */
:root {
  --sayit-brand-colon-dot-ratio:                          1;                                 /* sayit.brand.colon.dot-ratio */
  --sayit-brand-colon-gap-ratio:                          1.5;                               /* sayit.brand.colon.gap-ratio */
  --sayit-brand-colon-center-distance-ratio:              2.5;                               /* sayit.brand.colon.center-distance-ratio */
  --sayit-brand-colon-total-height-ratio:                 3.5;                               /* sayit.brand.colon.total-height-ratio */
  --sayit-brand-colon-corner-radius-ratio:                0.5;                               /* sayit.brand.colon.corner-radius-ratio */
  --sayit-brand-colon-min-clear-space-ratio:              1;                                 /* sayit.brand.colon.min-clear-space-ratio */
  --sayit-brand-colon-inline-dot-em:                      0.14em;                            /* sayit.brand.colon.inline-dot-em */
  --sayit-brand-colon-inline-center-distance-em:          0.35em;                            /* sayit.brand.colon.inline-center-distance-em */
  --sayit-brand-colon-inline-leading-gap-zh-em:           0.1em;                             /* sayit.brand.colon.inline-leading-gap-zh-em */
  --sayit-brand-colon-inline-leading-gap-en-em:           0.06em;                            /* sayit.brand.colon.inline-leading-gap-en-em */
  --sayit-brand-app-icon-canvas:                          108px;                             /* sayit.brand.app-icon.canvas */
  --sayit-brand-app-icon-safe-zone:                       66px;                              /* sayit.brand.app-icon.safe-zone */
  --sayit-brand-app-icon-dot-diameter:                    12px;                              /* sayit.brand.app-icon.dot-diameter */
  --sayit-brand-app-icon-center-distance:                 30px;                              /* sayit.brand.app-icon.center-distance */
  --sayit-brand-app-icon-mark-height:                     42px;                              /* sayit.brand.app-icon.mark-height */
  --sayit-brand-app-icon-background-color:                var(--ds-dark-color-bg);           /* sayit.brand.app-icon.background-color */
  --sayit-brand-app-icon-foreground-color:                var(--ds-dark-color-accent);       /* sayit.brand.app-icon.foreground-color */
  --sayit-brand-app-icon-monochrome-color:                #FFFFFF;                           /* sayit.brand.app-icon.monochrome-color */
  --sayit-brand-wordmark-weight:                          var(--ds-weight-medium);           /* sayit.brand.wordmark.weight */
  --sayit-brand-wordmark-separator:                       " ";                               /* sayit.brand.wordmark.separator */
  --sayit-brand-wordmark-min-size:                        12px;                              /* sayit.brand.wordmark.min-size */
  --sayit-brand-wordmark-font:                            var(--ds-font-sans);               /* sayit.brand.wordmark.font */
  --sayit-brand-wordmark-en-letter-spacing:               var(--ds-tracking-tight);          /* sayit.brand.wordmark.en-letter-spacing */
  --sayit-lamp-base:                                      #0e0f11;                           /* sayit.lamp.base */
  --sayit-lamp-tint:                                      #f0a35e;                           /* sayit.lamp.tint */
  --sayit-lamp-mix-rest:                                  0.08;                              /* sayit.lamp.mix-rest */
  --sayit-lamp-mix-peak:                                  0.28;                              /* sayit.lamp.mix-peak */
  --sayit-lamp-mix-reduced-motion:                        0.18;                              /* sayit.lamp.mix-reduced-motion */
  --sayit-lamp-rest:                                      #201b17;                           /* sayit.lamp.rest */
  --sayit-lamp-peak:                                      #4d3827;                           /* sayit.lamp.peak */
  --sayit-lamp-reduced-motion:                            #372a1f;                           /* sayit.lamp.reduced-motion */
  --sayit-type-scale-display-ds:                          var(--ds-text-3xl);                /* sayit.type-scale.display.ds */
  --sayit-type-scale-display-size:                        32px;                              /* sayit.type-scale.display.size */
  --sayit-type-scale-display-line-height:                 39px;                              /* sayit.type-scale.display.line-height */
  --sayit-type-scale-display-weight:                      var(--ds-weight-medium);           /* sayit.type-scale.display.weight */
  --sayit-type-scale-display-tracking:                    var(--ds-tracking-tight);          /* sayit.type-scale.display.tracking */
  --sayit-type-scale-title-ds:                            var(--ds-text-xl);                 /* sayit.type-scale.title.ds */
  --sayit-type-scale-title-size:                          22px;                              /* sayit.type-scale.title.size */
  --sayit-type-scale-title-line-height:                   32px;                              /* sayit.type-scale.title.line-height */
  --sayit-type-scale-title-weight:                        var(--ds-weight-medium);           /* sayit.type-scale.title.weight */
  --sayit-type-scale-title-tracking:                      var(--ds-tracking-normal);         /* sayit.type-scale.title.tracking */
  --sayit-type-scale-body-large-ds:                       var(--ds-text-base);               /* sayit.type-scale.body-large.ds */
  --sayit-type-scale-body-large-size:                     17px;                              /* sayit.type-scale.body-large.size */
  --sayit-type-scale-body-large-line-height:              28px;                              /* sayit.type-scale.body-large.line-height */
  --sayit-type-scale-body-large-weight:                   var(--ds-weight-normal);           /* sayit.type-scale.body-large.weight */
  --sayit-type-scale-body-large-tracking:                 var(--ds-tracking-normal);         /* sayit.type-scale.body-large.tracking */
  --sayit-type-scale-body-ds:                             var(--ds-text-sm);                 /* sayit.type-scale.body.ds */
  --sayit-type-scale-body-size:                           15px;                              /* sayit.type-scale.body.size */
  --sayit-type-scale-body-line-height:                    24px;                              /* sayit.type-scale.body.line-height */
  --sayit-type-scale-body-weight:                         var(--ds-weight-normal);           /* sayit.type-scale.body.weight */
  --sayit-type-scale-body-tracking:                       var(--ds-tracking-normal);         /* sayit.type-scale.body.tracking */
  --sayit-type-scale-label-ds:                            var(--ds-text-xs);                 /* sayit.type-scale.label.ds */
  --sayit-type-scale-label-size:                          13px;                              /* sayit.type-scale.label.size */
  --sayit-type-scale-label-line-height:                   19px;                              /* sayit.type-scale.label.line-height */
  --sayit-type-scale-label-weight:                        var(--ds-weight-medium);           /* sayit.type-scale.label.weight */
  --sayit-type-scale-label-tracking:                      var(--ds-tracking-normal);         /* sayit.type-scale.label.tracking */
  --sayit-type-scale-caption-ds:                          var(--ds-text-xs);                 /* sayit.type-scale.caption.ds */
  --sayit-type-scale-caption-size:                        13px;                              /* sayit.type-scale.caption.size */
  --sayit-type-scale-caption-line-height:                 19px;                              /* sayit.type-scale.caption.line-height */
  --sayit-type-scale-caption-weight:                      var(--ds-weight-normal);           /* sayit.type-scale.caption.weight */
  --sayit-type-scale-caption-tracking:                    var(--ds-tracking-normal);         /* sayit.type-scale.caption.tracking */
  --sayit-type-scale-web-display-desktop-ds:              var(--ds-text-5xl);                /* sayit.type-scale.web-display-desktop.ds */
  --sayit-type-scale-web-display-desktop-size:            52px;                              /* sayit.type-scale.web-display-desktop.size */
  --sayit-type-scale-web-display-desktop-line-height:     57px;                              /* sayit.type-scale.web-display-desktop.line-height */
  --sayit-type-scale-font-feature-numeric:                "tnum";                            /* sayit.type-scale.font-feature.numeric */
  --sayit-type-scale-cjk-paragraph-min-line-height-ratio: 1.5;                               /* sayit.type-scale.cjk-paragraph-min-line-height-ratio */
  --sayit-type-scale-max-text-scale:                      2;                                 /* sayit.type-scale.max-text-scale */
  --sayit-type-scale-reading-measure-em:                  36em;                              /* sayit.type-scale.reading-measure-em */
  --sayit-space-1:                                        4px;                               /* sayit.space.1 */
  --sayit-space-2:                                        8px;                               /* sayit.space.2 */
  --sayit-space-3:                                        12px;                              /* sayit.space.3 */
  --sayit-space-4:                                        16px;                              /* sayit.space.4 */
  --sayit-space-5:                                        24px;                              /* sayit.space.5 */
  --sayit-space-6:                                        32px;                              /* sayit.space.6 */
  --sayit-space-7:                                        48px;                              /* sayit.space.7 */
  --sayit-space-8:                                        64px;                              /* sayit.space.8 */
  --sayit-space-base:                                     4px;                               /* sayit.space.base */
  --sayit-size-touch-target-min:                          48px;                              /* sayit.size.touch-target-min */
  --sayit-size-touch-target-gap-min:                      8px;                               /* sayit.size.touch-target-gap-min */
  --sayit-size-focus-ring-width:                          2px;                               /* sayit.size.focus-ring-width */
  --sayit-size-speak-button:                              80px;                              /* sayit.size.speak-button */
  --sayit-size-speak-button-label-size:                   22px;                              /* sayit.size.speak-button-label-size */
  --sayit-size-speak-button-bottom-offset:                24px;                              /* sayit.size.speak-button-bottom-offset */
  --sayit-size-top-bar-height:                            56px;                              /* sayit.size.top-bar-height */
  --sayit-size-settings-row-height:                       56px;                              /* sayit.size.settings-row-height */
  --sayit-size-player-bar-height:                         56px;                              /* sayit.size.player-bar-height */
  --sayit-size-player-progress-height:                    2px;                               /* sayit.size.player-progress-height */
  --sayit-size-entry-row-min-height:                      64px;                              /* sayit.size.entry-row-min-height */
  --sayit-size-day-header-height:                         32px;                              /* sayit.size.day-header-height */
  --sayit-size-status-tag-height:                         20px;                              /* sayit.size.status-tag-height */
  --sayit-size-status-tag-padding-x:                      6px;                               /* sayit.size.status-tag-padding-x */
  --sayit-size-banner-accent-bar-width:                   2px;                               /* sayit.size.banner-accent-bar-width */
  --sayit-size-button-height:                             48px;                              /* sayit.size.button-height */
  --sayit-size-button-padding-x:                          24px;                              /* sayit.size.button-padding-x */
  --sayit-layout-page-gutter:                             16px;                              /* sayit.layout.page-gutter */
  --sayit-layout-page-gutter-wide:                        24px;                              /* sayit.layout.page-gutter-wide */
  --sayit-layout-wide-breakpoint:                         600px;                             /* sayit.layout.wide-breakpoint */
  --sayit-layout-slogan-padding-top:                      24px;                              /* sayit.layout.slogan-padding-top */
  --sayit-layout-slogan-padding-bottom:                   40px;                              /* sayit.layout.slogan-padding-bottom */
  --sayit-layout-day-group-gap:                           24px;                              /* sayit.layout.day-group-gap */
  --sayit-layout-entry-row-padding-x:                     16px;                              /* sayit.layout.entry-row-padding-x */
  --sayit-layout-entry-row-padding-y:                     12px;                              /* sayit.layout.entry-row-padding-y */
  --sayit-layout-entry-preview-max-lines:                 2;                                 /* sayit.layout.entry-preview-max-lines */
  --sayit-layout-timeline-bottom-inset:                   128px;                             /* sayit.layout.timeline-bottom-inset */
  --sayit-layout-entry-page-padding-x:                    24px;                              /* sayit.layout.entry-page-padding-x */
  --sayit-layout-dialog-padding:                          24px;                              /* sayit.layout.dialog-padding */
  --sayit-layout-banner-padding:                          16px;                              /* sayit.layout.banner-padding */
  --sayit-motion-press-scale:                             0.96;                              /* sayit.motion.press-scale */
  --sayit-motion-lamp-frame-interval:                     50ms;                              /* sayit.motion.lamp.frame-interval */
  --sayit-motion-lamp-db-floor:                           -50;                               /* sayit.motion.lamp.db-floor */
  --sayit-motion-lamp-db-ceiling:                         -10;                               /* sayit.motion.lamp.db-ceiling */
  --sayit-motion-lamp-perceptual-exponent:                0.6;                               /* sayit.motion.lamp.perceptual-exponent */
  --sayit-motion-lamp-attack-tau:                         80ms;                              /* sayit.motion.lamp.attack-tau */
  --sayit-motion-lamp-release-tau:                        600ms;                             /* sayit.motion.lamp.release-tau */
  --sayit-motion-lamp-mix-rest:                           0.08;                              /* sayit.motion.lamp.mix-rest */
  --sayit-motion-lamp-mix-range:                          0.2;                               /* sayit.motion.lamp.mix-range */
  --sayit-motion-lamp-max-fps:                            30;                                /* sayit.motion.lamp.max-fps */
  --sayit-motion-lamp-max-mix-delta-per-frame:            0.02;                              /* sayit.motion.lamp.max-mix-delta-per-frame */
  --sayit-motion-transition-capture-exit-fade:            var(--ds-duration-base);           /* sayit.motion.transition.capture-exit-fade */
  --sayit-motion-transition-new-entry-fade-in:            var(--ds-duration-fast);           /* sayit.motion.transition.new-entry-fade-in */
  --sayit-motion-transition-dialog-fade-in:               var(--ds-duration-fast);           /* sayit.motion.transition.dialog-fade-in */
  --sayit-motion-reduced-motion-page-transition-duration: 0ms;                               /* sayit.motion.reduced-motion.page-transition-duration */
  --sayit-motion-lamp-on-duration:                        400ms;                             /* sayit.motion.lamp-on-duration */
}
