@property --c-bg { syntax: ''; inherits: true; initial-value: #000000; } @property --c-surface { syntax: ''; inherits: true; initial-value: #000000; } @property --c-surface-2 { syntax: ''; inherits: true; initial-value: #000000; } @property --c-ink { syntax: ''; inherits: true; initial-value: #000000; } @property --c-ink-muted { syntax: ''; inherits: true; initial-value: #000000; } @property --c-ink-faint { syntax: ''; inherits: true; initial-value: #000000; } @property --c-accent { syntax: ''; inherits: true; initial-value: #000000; } @property --c-accent-hover { syntax: ''; inherits: true; initial-value: #000000; } @property --c-accent-active { syntax: ''; inherits: true; initial-value: #000000; } @property --c-accent-ink { syntax: ''; inherits: true; initial-value: #000000; } @property --c-signal { syntax: ''; inherits: true; initial-value: #000000; } @property --c-rule { syntax: ''; inherits: true; initial-value: #000000; } @property --c-highlight { syntax: ''; inherits: true; initial-value: #000000; } @property --c-focus { syntax: ''; inherits: true; initial-value: #000000; } @property --c-scrim { syntax: ''; inherits: true; initial-value: #000000; } @property --tex-opacity { syntax: ''; inherits: true; initial-value: 0; } @property --vignette { syntax: ''; inherits: true; initial-value: 0; } @property --fx-tension { syntax: ''; inherits: true; initial-value: 0; } @property --fx-chaos { syntax: ''; inherits: true; initial-value: 0; } @property --fx-warmth { syntax: ''; inherits: true; initial-value: 0.5; } @layer primitives { :where(:root, [data-theme]) { transition-property: --c-bg, --c-surface, --c-surface-2, --c-ink, --c-ink-muted, --c-ink-faint, --c-accent, --c-accent-hover, --c-accent-active, --c-accent-ink, --c-signal, --c-rule, --c-highlight, --c-focus, --c-scrim, --tex-opacity, --vignette, --fx-tension, --fx-chaos, --fx-warmth; } } /* @cardor/theme-engine · hub · 1521f0f1ee98cc */ @layer theme, base, components, utilities, primitives, archetype, book, mood, reader, a11y; @layer archetype { [data-theme='hub'] { --c-bg: #0b1024; --c-surface: #12182d; --c-surface-2: #1a2036; --c-ink: #efe8dc; --c-ink-muted: #b09b98; --c-ink-faint: #927c80; --c-accent: #d08a5c; --c-accent-hover: #e49d6e; --c-accent-active: #f8b081; --c-accent-ink: #0b1024; --c-signal: #8e7bd6; --c-rule: #3f3448; --c-highlight: #3e2b4a; --c-focus: #d08a5c; --c-scrim: #0b1024b8; --f-display: 'Iowan Old Style', 'Palatino Linotype', 'Book Antiqua', Georgia, serif; --f-body: system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', sans-serif; --f-accent: 'Iowan Old Style', 'Palatino Linotype', 'Book Antiqua', Georgia, serif; --f-mono: ui-monospace, 'SFMono-Regular', Menlo, monospace; --fs-body-base: clamp(0.94rem, 0.86rem + 0.4vw, 1.08rem); --fs-ratio: 1.25; --lh-body: 1.6; --lh-display: 1.12; --measure: 68ch; --ls-display: -0.01em; --case-display: none; --variant-display: normal; --font-features-body: "liga" 1; --text-align-body: justify; --dropcap-size: 1; --dropcap-sink: 1; --dropcap-color: #efe8dc; --r-sm: 4px; --r-md: 8px; --r-lg: 16px; --bw: 1px; --border-style: solid; --sh-1: 0 1px 2px #00000043, 0 4px 12px #0000002d; --sh-2: 0 2px 6px #0000004f, 0 16px 40px #00000043; --glass-blur: 14px; --glass-alpha: 62%; --tex-surface: none; --tex-opacity: 0; --tex-blend: soft-light; --c-shade: #000000; --vignette: 0.2; --dur-xs: 120ms; --dur-sm: 220ms; --dur-md: 420ms; --dur-lg: 800ms; --dur-page: 600ms; --dur-mood: 3000ms; --ease-enter: cubic-bezier(0.4, 0, 0.2, 1); --ease-exit: cubic-bezier(0.4, 0, 1, 1); --ease-emph: cubic-bezier(0.83, 0, 0.17, 1); --page-turn: slide; --orn-divider: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20240%2024%22%3E%3Cpath%20d%3D%22M8%2012h92M140%2012h92%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.25%22%2F%3E%3Cpath%20d%3D%22M120%203l9%209-9%209-9-9z%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.25%22%2F%3E%3Ccircle%20cx%3D%22120%22%20cy%3D%2212%22%20r%3D%222.5%22%2F%3E%3C%2Fsvg%3E"); --orn-bullet: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M12%205l7%207-7%207-7-7z%22%2F%3E%3C%2Fsvg%3E"); --orn-chapter-prefix: ""; --fx-tension: 0.3; --fx-chaos: 0.2; --fx-warmth: 0.55; } }