64 lines
3.4 KiB
CSS
64 lines
3.4 KiB
CSS
/* ============================================================
|
|
THEME: LINEN
|
|
Warm, editorial, organic — deep terracotta on cream linen
|
|
============================================================ */
|
|
|
|
[data-theme="linen"] {
|
|
/* ── Core palette ──────────────────────────────────────── */
|
|
--color-bg: #faf7f2;
|
|
--color-surface: #f2ede4;
|
|
--color-surface-2: #ede6d9;
|
|
--color-border: #e0d8cc;
|
|
--color-border-light: #ede6d9;
|
|
|
|
/* ── Brand / Accent ────────────────────────────────────── */
|
|
--color-primary: #c2410c;
|
|
--color-primary-hover: #9a340a;
|
|
--color-accent: #d97706;
|
|
--color-accent-soft: rgba(217, 119, 6, 0.12);
|
|
--color-primary-soft: rgba(194, 65, 12, 0.08);
|
|
|
|
/* ── Text ──────────────────────────────────────────────── */
|
|
--color-heading: #1c1208;
|
|
--color-text: #3d2f1e;
|
|
--color-text-muted: #7a6550;
|
|
--color-btn-text: #faf7f2;
|
|
|
|
/* ── Shadows ───────────────────────────────────────────── */
|
|
--color-shadow: rgba(194, 65, 12, 0.2);
|
|
--color-card-shadow: 0 4px 24px rgba(60, 30, 10, 0.08);
|
|
--color-glow: 0 0 0 transparent;
|
|
|
|
/* ── Typography ────────────────────────────────────────── */
|
|
--font-heading: 'Playfair Display', serif;
|
|
--font-body: 'Source Sans 3', sans-serif;
|
|
|
|
/* ── Shape ─────────────────────────────────────────────── */
|
|
--radius-sm: 3px;
|
|
--radius-md: 6px;
|
|
--radius-lg: 12px;
|
|
--radius-xl: 20px;
|
|
|
|
/* ── Nav specific ──────────────────────────────────────── */
|
|
--nav-bg: rgba(250, 247, 242, 0.95);
|
|
--nav-border: rgba(224, 216, 204, 0.9);
|
|
|
|
/* ── Hero specific ─────────────────────────────────────── */
|
|
--hero-bg: #faf7f2;
|
|
--hero-gradient: radial-gradient(ellipse 70% 50% at 60% 100%, rgba(194,65,12,0.06) 0%, transparent 70%),
|
|
radial-gradient(ellipse 40% 40% at 10% 20%, rgba(217,119,6,0.05) 0%, transparent 60%);
|
|
|
|
/* ── Feature card ──────────────────────────────────────── */
|
|
--card-bg: #faf7f2;
|
|
--card-border: #e0d8cc;
|
|
--card-hover-border: #c2410c;
|
|
|
|
/* ── CTA section ───────────────────────────────────────── */
|
|
--cta-bg: #f2ede4;
|
|
--cta-gradient: linear-gradient(135deg, rgba(194,65,12,0.04) 0%, rgba(217,119,6,0.04) 100%);
|
|
|
|
/* ── Footer ────────────────────────────────────────────── */
|
|
--footer-bg: #1c1208;
|
|
--footer-text: #9a8570;
|
|
}
|