/* Generated by Scripts/gen-tokens.py from design/tokens.json. Do not edit. */

@font-face {
  font-family: 'Libre Caslon Display';
  src: url('fonts/LibreCaslonDisplay-Regular.woff2') format('woff2');
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}
@font-face {
  font-family: 'Libre Caslon Text';
  src: url('fonts/LibreCaslonText-Regular.woff2') format('woff2');
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}
@font-face {
  font-family: 'Libre Caslon Text';
  src: url('fonts/LibreCaslonText-Italic.woff2') format('woff2');
  font-style: italic;
  font-weight: 400;
  font-display: swap;
}

:root {
  color-scheme: light dark;
  --bg: #F5F2EB;
  --surf: #FBFAF6;
  --side: #EFEBE3;
  --plate: #ECE7DD;
  --plateBible: #ECE7DD;
  --photo: #ECE7DD;
  --line: #E5DFD4;
  --line2: #D8D0C2;
  --ink: #151311;
  --ink2: #5B544C;
  --ink3: #8A8075;
  --inv: #F5F2EB;
  --sel: #E6E0D5;
  --seg: #FBFAF6;
  --glass: rgba(251,250,246,.86);
  --shade: rgba(21,19,17,.18);
  --crit: oklch(0.52 0.1 30);
  --critBg: oklch(0.975 0.01 40);
  --critBd: oklch(0.86 0.04 35);
  --amb: oklch(0.62 0.07 70);
  --sage: oklch(0.6 0.06 150);
  --flag: oklch(0.95 0.025 80);
  --ok: oklch(0.78 0.11 150);
  --hero: #151311;
  --heroFg: #F5F2EB;
  --heroSub: #B9B0A4;
  --heroSub2: #8A8075;
  --heroRing: rgba(237,231,220,0);
  --ctaSub: #B9B0A4;
  --ctaTint: rgba(245,242,235,.12);
  --pill: #151311;
  --pillFg: #F5F2EB;
  --edge: rgba(21,19,17,.12);
  --story: #12100E;
  --stripe: rgba(21,19,17,.045);
  --knob: rgba(251,250,246,.92);
  --scrim: rgba(0,0,0,.3);
  --desk: #E4DFD6;
  --captureBg: #0E0D0C;
  --captureSurf: #1F1D1A;
  --captureLine: #2A2724;
  --captureInk: #EDE7DC;
  --captureInk2: #A79E93;
  --captureGlass: rgba(30,28,26,.82);
  --viewfinder: #EEEBE5;
  --font-display: 'Libre Caslon Display', 'Times New Roman', serif;
  --font-text: 'Libre Caslon Text', Georgia, serif;
  --font-ui: -apple-system, BlinkMacSystemFont, 'SF Pro Text', 'Helvetica Neue', sans-serif;
  --font-mono: ui-monospace, 'SF Mono', Menlo, monospace;
  --radius-todayCard: 32px;
  --radius-sheet: 36px;
  --radius-button: 28px;
  --radius-search: 16px;
  --radius-chip: 19px;
  --radius-tabBar: 31px;
  --radius-thumb: 10px;
  --radius-sheetPhoto: 24px;
  --radius-critBox: 20px;
  --radius-window: 12px;
  --size-buttonHeight: 56px;
  --size-chipHeight: 38px;
  --size-tabBarHeight: 62px;
  --size-tabBarWidth: 258px;
  --size-tabBarBottom: 30px;
  --size-thumbW: 44px;
  --size-thumbH: 56px;
  --size-askField: 54px;
  --size-roundButton: 44px;
  --size-arrowButton: 46px;
  --size-sheetPhoto: 224px;
  --size-todayCardHeight: 360px;
  --size-glassBar: 96px;
  --size-macSidebar: 236px;
  --size-statusDot: 6px;
  --size-shutter: 74px;
  --space-screenX: 24px;
  --space-screenXRegular: 44px;
  --space-contentTop: 58px;
  --space-contentBottom: 150px;
  --space-rowY: 17.5px;
  --space-sheetTop: 4px;
  --space-sheetX: 26px;
  --space-sheetBottom: 44px;
  --space-cardGap: 24px;
  --space-cardWidthRatio: 0.88;
  --ease-reveal: cubic-bezier(0.22, 1, 0.36, 1);
  --dur-reveal: 0.8s;
  --ease-push: cubic-bezier(0.32, 0.72, 0, 1);
  --dur-push: 0.5s;
  --ease-page: cubic-bezier(0.22, 1, 0.36, 1);
  --dur-page: 0.6s;
  --ease-sheet: cubic-bezier(0.32, 0.72, 0, 1);
  --dur-sheet: 0.6s;
  --ease-story: cubic-bezier(0.32, 0.72, 0, 1);
  --dur-story: 0.65s;
  --ease-pill: cubic-bezier(0.34, 1.35, 0.64, 1);
  --dur-pill: 0.6s;
  --ease-island: cubic-bezier(0.34, 1.45, 0.64, 1);
  --dur-island: 0.6s;
  --ease-underline: cubic-bezier(0.22, 1, 0.36, 1);
  --dur-underline: 0.58s;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --bg: #121110;
    --surf: #1C1A18;
    --side: #161412;
    --plate: #E4DED3;
    --plateBible: #22201D;
    --photo: #D9D2C6;
    --line: #2A2724;
    --line2: #3A3631;
    --ink: #EDE7DC;
    --ink2: #A79E93;
    --ink3: #867D73;
    --inv: #151311;
    --sel: #2A2724;
    --seg: #3A3631;
    --glass: rgba(28,26,24,.8);
    --shade: rgba(0,0,0,.55);
    --crit: oklch(0.74 0.1 35);
    --critBg: oklch(0.2 0.018 35);
    --critBd: oklch(0.32 0.04 35);
    --amb: oklch(0.77 0.08 75);
    --sage: oklch(0.75 0.07 150);
    --flag: oklch(0.27 0.03 80);
    --ok: oklch(0.78 0.11 150);
    --hero: #2A2622;
    --heroFg: #EDE7DC;
    --heroSub: #B3A99D;
    --heroSub2: #968C81;
    --heroRing: rgba(237,231,220,.07);
    --ctaSub: #5B544C;
    --ctaTint: rgba(21,19,17,.08);
    --pill: #3A3631;
    --pillFg: #EDE7DC;
    --edge: rgba(0,0,0,.6);
    --story: #0A0908;
    --stripe: rgba(237,231,220,.035);
    --knob: rgba(42,38,34,.92);
    --scrim: rgba(0,0,0,.55);
    --desk: #0B0A09;
    --captureBg: #0E0D0C;
    --captureSurf: #1F1D1A;
    --captureLine: #2A2724;
    --captureInk: #EDE7DC;
    --captureInk2: #A79E93;
    --captureGlass: rgba(30,28,26,.82);
    --viewfinder: #EEEBE5;
  }
}

:root[data-theme="dark"] {
  --bg: #121110;
  --surf: #1C1A18;
  --side: #161412;
  --plate: #E4DED3;
  --plateBible: #22201D;
  --photo: #D9D2C6;
  --line: #2A2724;
  --line2: #3A3631;
  --ink: #EDE7DC;
  --ink2: #A79E93;
  --ink3: #867D73;
  --inv: #151311;
  --sel: #2A2724;
  --seg: #3A3631;
  --glass: rgba(28,26,24,.8);
  --shade: rgba(0,0,0,.55);
  --crit: oklch(0.74 0.1 35);
  --critBg: oklch(0.2 0.018 35);
  --critBd: oklch(0.32 0.04 35);
  --amb: oklch(0.77 0.08 75);
  --sage: oklch(0.75 0.07 150);
  --flag: oklch(0.27 0.03 80);
  --ok: oklch(0.78 0.11 150);
  --hero: #2A2622;
  --heroFg: #EDE7DC;
  --heroSub: #B3A99D;
  --heroSub2: #968C81;
  --heroRing: rgba(237,231,220,.07);
  --ctaSub: #5B544C;
  --ctaTint: rgba(21,19,17,.08);
  --pill: #3A3631;
  --pillFg: #EDE7DC;
  --edge: rgba(0,0,0,.6);
  --story: #0A0908;
  --stripe: rgba(237,231,220,.035);
  --knob: rgba(42,38,34,.92);
  --scrim: rgba(0,0,0,.55);
  --desk: #0B0A09;
  --captureBg: #0E0D0C;
  --captureSurf: #1F1D1A;
  --captureLine: #2A2724;
  --captureInk: #EDE7DC;
  --captureInk2: #A79E93;
  --captureGlass: rgba(30,28,26,.82);
  --viewfinder: #EEEBE5;
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: .01ms !important;
    transition-duration: .01ms !important;
  }
}