:root { /* ── Palette ── */ --fk-cream: #FBF7F2; --fk-parchment: #F4EDE4; --fk-kiss-red: #C41E3A; --fk-kiss-red-dim: #9B1730; --fk-seafoam: #C5D8D1; --fk-seafoam-pale: #E4EFEA; --fk-sage: #9BAF9C; --fk-amber: #D4841A; --fk-amber-glass: rgba(212, 132, 26, 0.12); --fk-brown: #5C3D2E; --fk-ink: #1C1410; --fk-ink-soft: #3D2E1E; --fk-muted-gold: #C4A882; --fk-arcade-mint: #7DE8D4; --fk-soft-pink: #F2D7D9; /* ── Surfaces ── */ --fk-bg: var(--fk-cream); --fk-surface: #FFFFFF; --fk-surface-warm: var(--fk-parchment); --fk-border: rgba(92, 61, 46, 0.12); --fk-border-strong:rgba(92, 61, 46, 0.25); /* ── Typography ── */ --fk-font-display: 'Playfair Display', 'Cormorant Garamond', Georgia, serif; --fk-font-body: 'Inter', 'SF Pro Text', -apple-system, BlinkMacSystemFont, sans-serif; --fk-font-ui: 'Inter', 'SF Pro Text', -apple-system, sans-serif; --fk-font-logo: 'Bebas Neue', 'Anton', 'Impact', sans-serif; --fk-text-base: 1rem; --fk-text-scale: 1.25; --fk-text-sm: 0.875rem; --fk-text-xs: 0.75rem; --fk-text-lg: 1.25rem; --fk-text-xl: 1.563rem; --fk-text-2xl: 1.953rem; --fk-text-3xl: 2.441rem; --fk-text-4xl: 3.052rem; --fk-leading-tight: 1.15; --fk-leading-body: 1.65; --fk-leading-loose: 1.8; /* ── Spacing ── */ --fk-space-xs: 0.25rem; --fk-space-sm: 0.5rem; --fk-space-md: 1rem; --fk-space-lg: 1.5rem; --fk-space-xl: 2rem; --fk-space-2xl: 3rem; --fk-space-3xl: 4rem; --fk-space-4xl: 6rem; --fk-section: 5rem; /* ── Layout ── */ --fk-max-width: 72rem; --fk-max-narrow: 42rem; --fk-header-height: 4rem; --fk-radius-sm: 6px; --fk-radius-md: 12px; --fk-radius-lg: 20px; --fk-radius-full: 9999px; /* ── Shadows ── */ --fk-shadow-sm: 0 1px 3px rgba(28, 20, 16, 0.06); --fk-shadow-md: 0 4px 16px rgba(28, 20, 16, 0.08); --fk-shadow-lg: 0 8px 32px rgba(28, 20, 16, 0.10); --fk-shadow-glow: 0 0 24px rgba(212, 132, 26, 0.18); /* ── Motion ── */ --fk-ease-out: cubic-bezier(0.16, 1, 0.3, 1); --fk-ease-spring:cubic-bezier(0.34, 1.56, 0.64, 1); --fk-duration-fast: 150ms; --fk-duration-md: 300ms; --fk-duration-slow: 500ms; /* ── Arcade accents ── */ --fk-grid-line: rgba(125, 232, 212, 0.08); --fk-spark-color: var(--fk-arcade-mint); }