57 lines
1.7 KiB
CSS
57 lines
1.7 KiB
CSS
/* Hallmark · macrostructure: Split Studio · genre: soft spa / editorial
|
|
* theme: studied-DNA (Ashley vision — cream / gold / charcoal)
|
|
* paper oklch(97% 0.012 85) · ink oklch(22% 0.012 55) · accent gold #C9A86B · soft pink #E8B4BC
|
|
* display: Playfair Display · body: DM Sans
|
|
* nav: sparse wordmark · footer: statement
|
|
* enrichment: none · pre-emit critique: P5 H4 E4 S5 R4 V4
|
|
* source: ashleys-vision-summary + brand-guidelines + brand-voice (Gitea)
|
|
*/
|
|
:root {
|
|
--color-paper: #f7f1e8;
|
|
--color-paper-2: #f0e8db;
|
|
--color-paper-3: #e8dfcf;
|
|
--color-band: #f3ebe0;
|
|
--color-rule: #d9cbb6;
|
|
--color-muted: #6b6258;
|
|
--color-ink: #2c2620;
|
|
--color-charcoal: #33302c;
|
|
--color-gold: #c9a86b;
|
|
--color-gold-deep: #a88a52;
|
|
--color-pink: #e8b4bc;
|
|
--color-pink-soft: #f3d5da;
|
|
--color-accent: #c9a86b;
|
|
--color-accent-ink: #2c2620;
|
|
--color-focus: #a88a52;
|
|
--color-dark: #2c2620;
|
|
--color-on-dark: #f7f1e8;
|
|
--color-on-dark-muted: #cfc4b4;
|
|
|
|
--font-display: "Playfair Display", Georgia, "Times New Roman", serif;
|
|
--font-body: "DM Sans", system-ui, sans-serif;
|
|
|
|
--text-sm: 0.875rem;
|
|
--text-base: 1.0625rem;
|
|
--text-md: 1.15rem;
|
|
--text-lg: 1.35rem;
|
|
--text-xl: 1.75rem;
|
|
--text-2xl: clamp(1.85rem, 2.8vw + 0.6rem, 2.5rem);
|
|
--text-display: clamp(2.35rem, 4vw + 0.7rem, 3.75rem);
|
|
|
|
--space-2xs: 0.25rem;
|
|
--space-xs: 0.5rem;
|
|
--space-sm: 0.75rem;
|
|
--space-md: 1rem;
|
|
--space-lg: 1.5rem;
|
|
--space-xl: 2rem;
|
|
--space-2xl: 3rem;
|
|
--space-3xl: 4.5rem;
|
|
--space-4xl: 6rem;
|
|
|
|
--measure: 60ch;
|
|
--page: min(1080px, calc(100% - 2.5rem));
|
|
--radius: 4px;
|
|
--ease-out: cubic-bezier(0.22, 1, 0.36, 1);
|
|
--dur-short: 140ms;
|
|
--banner-height: 4.5rem;
|
|
}
|