83 lines
2.5 KiB
SCSS
83 lines
2.5 KiB
SCSS
: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);
|
|
}
|