Floating Flows static site + Coolify Dockerfile deploy

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
2026-06-17 12:35:31 +02:00
commit 2e33398d1f
31 changed files with 1387 additions and 0 deletions
@@ -0,0 +1,93 @@
+/* Hallmark · custom theme: warm-clay · tone: luxury/atmospheric · anchor hue: terracotta 40
+ * vibe: "calm, sun-warmed, grounded, premium acroyoga"
+ * paper oklch(97.5% 0.012 76) · accent oklch(60% 0.10 40) clay/warm
+ * display: Fraunces · body: Lato
+ * axes: paper-band=light / display-style=high-contrast-serif / accent-hue=warm
+ * pre-emit critique: P5 H5 E5 S4 R5 V5
+ */
+
+:root {
+  /* ---- Paper / surfaces (warm cream → sand) ---- */
+  --color-paper:    oklch(97.8% 0.012 78);   /* base cream  */
+  --color-paper-2:  oklch(95.2% 0.016 74);   /* soft sand   */
+  --color-paper-3:  oklch(90.5% 0.022 68);   /* deeper sand */
+  --color-shell:    oklch(99.2% 0.006 86);   /* near-white card */
+
+  /* ---- Ink (warm taupe-brown) ---- */
+  --color-ink:      oklch(31% 0.018 62);     /* primary text  */
+  --color-ink-soft: oklch(46% 0.018 58);     /* secondary     */
+  --color-ink-faint:oklch(60% 0.014 56);     /* tertiary/meta */
+
+  /* ---- Accent (terracotta / clay) ---- */
+  --color-accent:      oklch(60% 0.105 41);  /* clay terracotta */
+  --color-accent-deep: oklch(52% 0.108 38);  /* pressed / hover */
+  --color-accent-soft: oklch(82% 0.055 46);  /* peach wash      */
+
+  /* ---- Lines & focus ---- */
+  --color-line:   oklch(87% 0.018 64);
+  --color-line-2: oklch(80% 0.022 60);
+  --color-focus:  oklch(52% 0.108 38);
+
+  /* ---- Dark band (footer / contrast section) ---- */
+  --color-night:     oklch(28% 0.018 56);
+  --color-night-2:   oklch(33% 0.018 56);
+  --color-on-night:  oklch(95% 0.012 78);
+  --color-on-night-soft: oklch(78% 0.014 64);
+
+  /* ---- Blush (logo background tone) ---- */
+  --color-blush:   oklch(91% 0.028 44);   /* logo backdrop blush */
+  --color-blush-2: oklch(86% 0.034 42);
+
+  /* ---- Typography ---- */
+  --font-display: "Fraunces", Georgia, "Times New Roman", serif;
+  --font-brand:   "Poiret One", "Fraunces", serif;   /* art-deco wordmark — matches logo */
+  --font-body:    "Lato", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
+
+  --text-xs:   0.78rem;
+  --text-sm:   0.9rem;
+  --text-base: 1.02rem;
+  --text-lg:   1.2rem;
+  --text-xl:   1.5rem;
+  --text-2xl:  2rem;
+  --text-3xl:  2.75rem;
+  --text-4xl:  3.75rem;
+  --text-display-s: clamp(2.6rem, 7vw, 4.2rem);
+  --text-display:   clamp(3.1rem, 11vw, 7rem);
+
+  --leading-tight: 1.04;
+  --leading-snug:  1.22;
+  --leading-body:  1.62;
+  --tracking-cap:  0.22em;
+  --tracking-tight:-0.02em;
+
+  /* ---- Spacing (4pt scale) ---- */
+  --space-2xs: 0.25rem;
+  --space-xs:  0.5rem;
+  --space-sm:  0.75rem;
+  --space-md:  1rem;
+  --space-lg:  1.5rem;
+  --space-xl:  2.5rem;
+  --space-2xl: 4rem;
+  --space-3xl: 6rem;
+  --space-4xl: 9rem;
+
+  /* ---- Radius / rule ---- */
+  --radius-sm: 6px;
+  --radius-md: 14px;
+  --radius-lg: 24px;
+  --radius-pill: 999px;
+  --rule-hair: 1px;
+
+  /* ---- Motion ---- */
+  --dur-fast: 160ms;
+  --dur-mid:  320ms;
+  --dur-slow: 620ms;
+  --ease-out:    cubic-bezier(0.22, 1, 0.36, 1);
+  --ease-in:     cubic-bezier(0.55, 0, 1, 0.45);
+  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
+
+  /* ---- Layout ---- */
+  --maxw: 1200px;
+  --maxw-text: 64ch;
+  --shadow-soft: 0 22px 60px -28px oklch(31% 0.018 62 / 0.32);
+}