Initial commit: Fat Kiss site — Hugo + Decap CMS

2026-05-11 08:19:27 -10:00
commit aa0287eeaa
58 changed files with 3774 additions and 0 deletions
@@ -0,0 +1,82 @@
+: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);
+}