/* Generated from packages/design/src/tokens.ts by `pnpm --filter @manna/design build`. Do not edit. */

:root {
  --space-3xs: 2px;
  --space-2xs: 4px;
  --space-xs: 8px;
  --space-sm: 12px;
  --space-md: 16px;
  --space-lg: 24px;
  --space-xl: 32px;
  --space-2xl: 48px;
  --space-3xl: 64px;
  --space-zero: 0px;
  --text-3xs: 10px;
  --text-2xs: 11px;
  --text-xs: 12px;
  --text-sm: 14px;
  --text-md: 16px;
  --text-lg: 18px;
  --text-xl: 22px;
  --text-2xl: 26px;
  --text-3xl: 34px;
  --text-scripture: 19px;
  --text-scripture-line-height: 1.7;
  --font-read: "Source Serif 4", Georgia, serif;
  --font-operate: "Source Sans 3", system-ui, sans-serif;
  --weight-regular: 400;
  --weight-semibold: 600;
  --overline-tracking: 0.15em;
  --radius-tick: 7px;
  --radius-control: 14px;
  --radius-card: 15px;
  --radius-sheet: 22px;
  --motion-entrance: 240ms;
  --motion-stagger: 80ms;
  --motion-press: 180ms;
  --motion-push: 320ms;
  --ground: #F6E7C9;
  --panel: #FCF4E4;
  --rail: #EEDDBB;
  --line: #E3D0AB;
  --hair: rgba(69,54,32,.12);
  --tint: rgba(169,119,31,.12);
  --ok: #4E7038;
  --ok-tint: rgba(78,112,56,.14);
  --bad: #A8452B;
  --bad-tint: rgba(168,69,43,.12);
  --ring: rgba(169,119,31,.45);
  --scrim: rgba(40,26,8,.34);
  --field: #FFFBF2;
  --ink: #322A20;
  --muted: rgba(50,42,32,.66);
  --faint: rgba(50,42,32,.46);
  --gold: #A9771F;
  --gold-deep: #8A5E1F;
  --on-gold: #FFF9EE;
  --app-ground: linear-gradient(160deg, #f6e7c9 0%, #efd9ae 55%, #e9cf9d 100%);
  --app-ground-reading: linear-gradient(160deg, #f6e7c9 0%, #f3e2c0 100%);
  --app-glow-1: #ffe9b8;
  --app-glow-1-size: 150px;
  --app-glow-2: #e8b96a;
  --app-glow-2-size: 135px;
  --app-glow-blur: 28px;
  --app-glow-opacity: 0.55;
  --app-surface: rgba(255,255,255,.44);
  --app-surface-border: rgba(255,255,255,.66);
  --app-surface-blur: 14px;
  --app-surface-shadow: 0 8px 22px -12px rgba(122,92,40,.32);
  --app-tappable: rgba(255,255,255,.42);
  --app-tappable-border: rgba(255,255,255,.62);
  --app-tappable-blur: 10px;
  --app-tappable-shadow: none;
  --app-tappable-held: rgba(255,255,255,.78);
  --app-tappable-held-border: rgba(255,255,255,.92);
  --app-tappable-held-blur: 10px;
  --app-tappable-held-shadow: none;
  --app-ink: #322A20;
  --app-muted: rgba(50,42,32,.66);
  --app-faint: rgba(50,42,32,.46);
  --app-gold: #A9771F;
  --app-gold-deep: #8A5E1F;
  --app-on-gold: #FFF9EE;
  --app-border: #EAD9BC;
  --app-track: #EAD9BC;
  --app-extra-line: rgba(50,42,32,.56);
}

.look-day {
  --ground: #F6E7C9;
  --panel: #FCF4E4;
  --rail: #EEDDBB;
  --line: #E3D0AB;
  --hair: rgba(69,54,32,.12);
  --tint: rgba(169,119,31,.12);
  --ok: #4E7038;
  --ok-tint: rgba(78,112,56,.14);
  --bad: #A8452B;
  --bad-tint: rgba(168,69,43,.12);
  --ring: rgba(169,119,31,.45);
  --scrim: rgba(40,26,8,.34);
  --field: #FFFBF2;
  --ink: #322A20;
  --muted: rgba(50,42,32,.66);
  --faint: rgba(50,42,32,.46);
  --gold: #A9771F;
  --gold-deep: #8A5E1F;
  --on-gold: #FFF9EE;
  --app-ground: linear-gradient(160deg, #f6e7c9 0%, #efd9ae 55%, #e9cf9d 100%);
  --app-ground-reading: linear-gradient(160deg, #f6e7c9 0%, #f3e2c0 100%);
  --app-glow-1: #ffe9b8;
  --app-glow-1-size: 150px;
  --app-glow-2: #e8b96a;
  --app-glow-2-size: 135px;
  --app-glow-blur: 28px;
  --app-glow-opacity: 0.55;
  --app-surface: rgba(255,255,255,.44);
  --app-surface-border: rgba(255,255,255,.66);
  --app-surface-blur: 14px;
  --app-surface-shadow: 0 8px 22px -12px rgba(122,92,40,.32);
  --app-tappable: rgba(255,255,255,.42);
  --app-tappable-border: rgba(255,255,255,.62);
  --app-tappable-blur: 10px;
  --app-tappable-shadow: none;
  --app-tappable-held: rgba(255,255,255,.78);
  --app-tappable-held-border: rgba(255,255,255,.92);
  --app-tappable-held-blur: 10px;
  --app-tappable-held-shadow: none;
  --app-ink: #322A20;
  --app-muted: rgba(50,42,32,.66);
  --app-faint: rgba(50,42,32,.46);
  --app-gold: #A9771F;
  --app-gold-deep: #8A5E1F;
  --app-on-gold: #FFF9EE;
  --app-border: #EAD9BC;
  --app-track: #EAD9BC;
  --app-extra-line: rgba(50,42,32,.56);
}

:root[data-look="night"], .look-night {
  --ground: #1A130D;
  --panel: #241B14;
  --rail: #150F0A;
  --line: #3A2C1E;
  --hair: #2C2117;
  --tint: rgba(224,178,106,.14);
  --ok: #9CC084;
  --ok-tint: rgba(156,192,132,.16);
  --bad: #DFA08A;
  --bad-tint: rgba(223,160,138,.14);
  --ring: rgba(224,178,106,.4);
  --scrim: rgba(0,0,0,.48);
  --field: #1E160F;
  --ink: #F3EADC;
  --muted: rgba(243,234,220,.62);
  --faint: rgba(243,234,220,.44);
  --gold: #E0B26A;
  --gold-deep: #D89A55;
  --on-gold: #2A1C0C;
  --app-ground: radial-gradient(120% 90% at 50% 8%, #2A2018 0%, #1A130D 52%, #0F0C09 100%);
  --app-ground-reading: radial-gradient(120% 90% at 50% 8%, #2A2018 0%, #1A130D 52%, #0F0C09 100%);
  --app-glow-1: transparent;
  --app-glow-1-size: 0px;
  --app-glow-2: transparent;
  --app-glow-2-size: 0px;
  --app-glow-blur: 0px;
  --app-glow-opacity: 0;
  --app-surface: #241B14;
  --app-surface-border: #3A2C1E;
  --app-surface-blur: 0px;
  --app-surface-shadow: none;
  --app-tappable: #241B14;
  --app-tappable-border: #3A2C1E;
  --app-tappable-blur: 0px;
  --app-tappable-shadow: none;
  --app-tappable-held: #33261B;
  --app-tappable-held-border: #4A3826;
  --app-tappable-held-blur: 0px;
  --app-tappable-held-shadow: none;
  --app-ink: #F3EADC;
  --app-muted: rgba(243,234,220,.62);
  --app-faint: rgba(243,234,220,.42);
  --app-gold: #E0B26A;
  --app-gold-deep: #D89A55;
  --app-on-gold: #2A1C0C;
  --app-border: #3A2C1E;
  --app-track: #3A2C1E;
  --app-extra-line: rgba(239,229,211,.52);
}

@media (prefers-color-scheme: dark) {
  :root:not([data-look="day"]) {
    --ground: #1A130D;
    --panel: #241B14;
    --rail: #150F0A;
    --line: #3A2C1E;
    --hair: #2C2117;
    --tint: rgba(224,178,106,.14);
    --ok: #9CC084;
    --ok-tint: rgba(156,192,132,.16);
    --bad: #DFA08A;
    --bad-tint: rgba(223,160,138,.14);
    --ring: rgba(224,178,106,.4);
    --scrim: rgba(0,0,0,.48);
    --field: #1E160F;
    --ink: #F3EADC;
    --muted: rgba(243,234,220,.62);
    --faint: rgba(243,234,220,.44);
    --gold: #E0B26A;
    --gold-deep: #D89A55;
    --on-gold: #2A1C0C;
    --app-ground: radial-gradient(120% 90% at 50% 8%, #2A2018 0%, #1A130D 52%, #0F0C09 100%);
    --app-ground-reading: radial-gradient(120% 90% at 50% 8%, #2A2018 0%, #1A130D 52%, #0F0C09 100%);
    --app-glow-1: transparent;
    --app-glow-1-size: 0px;
    --app-glow-2: transparent;
    --app-glow-2-size: 0px;
    --app-glow-blur: 0px;
    --app-glow-opacity: 0;
    --app-surface: #241B14;
    --app-surface-border: #3A2C1E;
    --app-surface-blur: 0px;
    --app-surface-shadow: none;
    --app-tappable: #241B14;
    --app-tappable-border: #3A2C1E;
    --app-tappable-blur: 0px;
    --app-tappable-shadow: none;
    --app-tappable-held: #33261B;
    --app-tappable-held-border: #4A3826;
    --app-tappable-held-blur: 0px;
    --app-tappable-held-shadow: none;
    --app-ink: #F3EADC;
    --app-muted: rgba(243,234,220,.62);
    --app-faint: rgba(243,234,220,.42);
    --app-gold: #E0B26A;
    --app-gold-deep: #D89A55;
    --app-on-gold: #2A1C0C;
    --app-border: #3A2C1E;
    --app-track: #3A2C1E;
    --app-extra-line: rgba(239,229,211,.52);
  }
}

@media (prefers-reduced-motion: reduce) {
  :root {
    --motion-entrance: 0ms;
    --motion-stagger: 0ms;
    --motion-push: 0ms;
  }
}