1@font-face {2 font-family: "Cormorant Garamond";3 font-weight: 300;4 font-style: italic;5 src: url("/fonts/CormorantGaramond-LightItalic.woff2") format("woff2");6 font-display: optional;7}89@font-face {10 font-family: "Cormorant Garamond";11 font-weight: 300;12 font-style: normal;13 src: url("/fonts/CormorantGaramond-Light.woff2") format("woff2");14 font-display: optional;15}1617@font-face {18 font-family: "Cormorant Garamond";19 font-weight: 400;20 font-style: normal;21 src: url("/fonts/CormorantGaramond-Regular.woff2") format("woff2");22 font-display: optional;23}2425@font-face {26 font-family: "Cormorant Garamond";27 font-weight: 400;28 font-style: italic;29 src: url("/fonts/CormorantGaramond-RegularItalic.woff2") format("woff2");30 font-display: optional;31}3233@font-face {34 font-family: "IBM Plex Mono";35 font-weight: 300;36 font-style: normal;37 src: url("/fonts/IBMPlexMono-Light.woff2") format("woff2");38 font-display: optional;39}4041@font-face {42 font-family: "IBM Plex Mono";43 font-weight: 300;44 font-style: italic;45 src: url("/fonts/IBMPlexMono-LightItalic.woff2") format("woff2");46 font-display: optional;47}4849@font-face {50 font-family: "IBM Plex Mono";51 font-weight: 400;52 font-style: normal;53 src: url("/fonts/IBMPlexMono-Regular.woff2") format("woff2");54 font-display: optional;55}5657@font-face {58 font-family: "Inter Variable";59 font-weight: 100 900;60 font-style: normal;61 src: url("/fonts/InterVariable.woff2") format("woff2-variations");62 font-display: optional;63}6465@font-face {66 font-family: "Inter";67 font-weight: 400;68 font-style: normal;69 src: url("/fonts/Inter-Regular.woff2") format("woff2");70 font-display: optional;71}7273:root {74 --bg: #0C0A06;75 --s1: #131109;76 --s2: #1A1710;77 --s3: #221F14;78 --bg-1: var(--s1);79 --bg-2: var(--s2);80 --bg-3: var(--s3);81 --t0: #F0E8D8;82 --t1: rgba(240, 232, 216, 0.50);83 --t2: rgba(240, 232, 216, 0.20);84 --t3: rgba(240, 232, 216, 0.07);85 --t4: rgba(240, 232, 216, 0.04);86 --ac: #D96830;87 --surface-card: rgba(240, 232, 216, 0.02);88 --surface-elevated: rgba(19, 17, 9, 0.88);89 --shell-top-solid: #000000;90 --shell-top-fade: rgba(12, 10, 6, 0.95);91 --shell-accent-a: rgba(217, 104, 48, 0.08);92 --shell-accent-b: rgba(217, 104, 48, 0.06);93 --breach: rgba(220, 80, 60, 0.7);94 --health: rgba(100, 210, 100, 0.75);95 --totp-tag: rgba(120, 175, 255, 0.75);96 --copy-shadow: 0 2px 8px rgba(0,0,0,0.55), 0 14px 48px rgba(0,0,0,0.7), 0 0 0 1px rgba(240,232,216,0.04);97 --font-display: "Cormorant Garamond", "Times New Roman", serif;98 --font-mono: "IBM Plex Mono", "SFMono-Regular", Menlo, monospace;99 --font-ui: "Inter Variable", "Inter", system-ui, sans-serif;100 --spring: cubic-bezier(0.16, 1, 0.3, 1);101 --retreat: cubic-bezier(0.4, 0, 1, 1);102 --settle: cubic-bezier(0.34, 1.56, 0.64, 1);103 --dur-enter: 500ms;104 --dur-exit: 280ms;105 --dur-micro: 150ms;106 --peach-bg: var(--bg);107 --peach-s1: var(--s1);108 --peach-s2: var(--s2);109 --peach-s3: var(--s3);110 --peach-t0: var(--t0);111 --peach-t1: var(--t1);112 --peach-t2: var(--t2);113 --peach-t3: var(--t3);114 --peach-accent: var(--ac);115 --peach-breach: var(--breach);116 --peach-health-ok: var(--health);117 --peach-totp-tag: var(--totp-tag);118 --peach-sync-ok: #5ebd5e;119 --peach-sync-busy: #c8a840;120 --peach-sync-off: var(--peach-t2);121 --peach-sync-err: var(--peach-breach);122 --peach-curve-arrival: var(--spring);123 --peach-curve-departure: var(--retreat);124 --peach-curve-settle: var(--settle);125 --peach-dur-80: 80ms;126 --peach-dur-150: 150ms;127 --peach-dur-280: 280ms;128 --peach-dur-380: 380ms;129 --peach-dur-500: 500ms;130 --peach-dur-600: 600ms;131 --peach-copy-clear: 1.4s;132}133134.light {135 --bg: #C6B4A0;136 --s1: #BAA793;137 --s2: #AE9A85;138 --s3: #A18D77;139 --bg-1: var(--s1);140 --bg-2: var(--s2);141 --bg-3: var(--s3);142 --t0: #1C1915;143 --t1: rgba(28, 25, 21, 0.65);144 --t2: rgba(28, 25, 21, 0.35);145 --t3: rgba(28, 25, 21, 0.10);146 --t4: rgba(28, 25, 21, 0.05);147 --surface-card: rgba(28, 25, 21, 0.04);148 --surface-elevated: rgba(185, 170, 152, 0.96);149 --shell-top-solid: rgba(210, 196, 178, 0.96);150 --shell-top-fade: rgba(198, 180, 160, 0.96);151 --shell-accent-a: rgba(217, 104, 48, 0.12);152 --shell-accent-b: rgba(123, 144, 96, 0.10);153 --copy-shadow: 0 2px 8px rgba(80, 56, 32, 0.22), 0 14px 48px rgba(80, 56, 32, 0.20), 0 0 0 1px rgba(28,25,21,0.06);154}