diff --git a/index.html b/index.html
index edd4762..7ac2a5b 100644
--- a/index.html
+++ b/index.html
@@ -1,10 +1,14 @@
-
+
-
+
- Boilerplate Website
+
+ Château du Faune — Centre pour l'art et l'écologie
diff --git a/public/cosmic-stag.png b/public/cosmic-stag.png
new file mode 100644
index 0000000..9c28bee
Binary files /dev/null and b/public/cosmic-stag.png differ
diff --git a/src/style.css b/src/style.css
index 3ebb69e..c5576a5 100644
--- a/src/style.css
+++ b/src/style.css
@@ -4,48 +4,50 @@
@custom-variant dark (&:is(.dark *));
:root {
- --background: hsl(0 0% 100%);
- --foreground: hsl(0 0% 3.9%);
- --card: hsl(0 0% 100%);
- --card-foreground: hsl(0 0% 3.9%);
- --popover: hsl(0 0% 100%);
- --popover-foreground: hsl(0 0% 3.9%);
- --primary: hsl(0 0% 9%);
- --primary-foreground: hsl(0 0% 98%);
- --secondary: hsl(0 0% 96.1%);
- --secondary-foreground: hsl(0 0% 9%);
- --muted: hsl(0 0% 96.1%);
- --muted-foreground: hsl(0 0% 45.1%);
- --accent: hsl(0 0% 96.1%);
- --accent-foreground: hsl(0 0% 9%);
- --destructive: hsl(0 84.2% 60.2%);
- --destructive-foreground: hsl(0 0% 98%);
- --border: hsl(0 0% 89.8%);
- --input: hsl(0 0% 89.8%);
- --ring: hsl(0 0% 3.9%);
+ /* Earthy palette: warm parchment background, deep moss primary,
+ terracotta accent. Tuned for an artist-residency / land-art vibe. */
+ --background: hsl(38 32% 96%);
+ --foreground: hsl(120 14% 12%);
+ --card: hsl(38 30% 98%);
+ --card-foreground: hsl(120 14% 12%);
+ --popover: hsl(38 30% 98%);
+ --popover-foreground: hsl(120 14% 12%);
+ --primary: hsl(125 24% 24%);
+ --primary-foreground: hsl(38 32% 96%);
+ --secondary: hsl(36 22% 88%);
+ --secondary-foreground: hsl(120 14% 12%);
+ --muted: hsl(36 18% 92%);
+ --muted-foreground: hsl(120 8% 38%);
+ --accent: hsl(22 58% 48%);
+ --accent-foreground: hsl(38 32% 96%);
+ --destructive: hsl(0 70% 45%);
+ --destructive-foreground: hsl(38 32% 96%);
+ --border: hsl(36 16% 82%);
+ --input: hsl(36 16% 82%);
+ --ring: hsl(125 24% 30%);
--radius: 0.5rem;
}
.dark {
- --background: hsl(0 0% 3.9%);
- --foreground: hsl(0 0% 98%);
- --card: hsl(0 0% 3.9%);
- --card-foreground: hsl(0 0% 98%);
- --popover: hsl(0 0% 3.9%);
- --popover-foreground: hsl(0 0% 98%);
- --primary: hsl(0 0% 98%);
- --primary-foreground: hsl(0 0% 9%);
- --secondary: hsl(0 0% 14.9%);
- --secondary-foreground: hsl(0 0% 98%);
- --muted: hsl(0 0% 14.9%);
- --muted-foreground: hsl(0 0% 63.9%);
- --accent: hsl(0 0% 14.9%);
- --accent-foreground: hsl(0 0% 98%);
- --destructive: hsl(0 62.8% 30.6%);
- --destructive-foreground: hsl(0 0% 98%);
- --border: hsl(0 0% 14.9%);
- --input: hsl(0 0% 14.9%);
- --ring: hsl(0 0% 83.1%);
+ --background: hsl(120 12% 8%);
+ --foreground: hsl(38 26% 94%);
+ --card: hsl(120 10% 11%);
+ --card-foreground: hsl(38 26% 94%);
+ --popover: hsl(120 10% 11%);
+ --popover-foreground: hsl(38 26% 94%);
+ --primary: hsl(38 28% 88%);
+ --primary-foreground: hsl(120 14% 12%);
+ --secondary: hsl(120 8% 18%);
+ --secondary-foreground: hsl(38 26% 94%);
+ --muted: hsl(120 8% 18%);
+ --muted-foreground: hsl(36 14% 66%);
+ --accent: hsl(22 52% 55%);
+ --accent-foreground: hsl(120 14% 12%);
+ --destructive: hsl(0 60% 40%);
+ --destructive-foreground: hsl(38 26% 94%);
+ --border: hsl(120 8% 22%);
+ --input: hsl(120 8% 22%);
+ --ring: hsl(38 26% 72%);
}
@theme inline {
@@ -71,6 +73,10 @@
--radius-lg: var(--radius);
--radius-md: calc(var(--radius) - 2px);
--radius-sm: calc(var(--radius) - 4px);
+ --font-sans:
+ ui-sans-serif, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial,
+ sans-serif;
+ --font-serif: 'Cormorant Garamond', Cambria, Georgia, 'Times New Roman', serif;
}
@layer base {
@@ -79,5 +85,12 @@
}
body {
@apply bg-background text-foreground;
+ font-family: var(--font-sans);
+ }
+ h1,
+ h2,
+ h3 {
+ font-family: var(--font-serif);
+ letter-spacing: -0.01em;
}
}