Deploy

2026-07-25 19:05:16 +00:00
parent 4115496be2
commit 62c0a999ae
1 changed files with 70 additions and 0 deletions
@@ -0,0 +1,70 @@
+@import "tailwindcss";
+
+@theme {
+  --color-background: oklch(0.074 0.078 22.5);
+  --color-foreground: oklch(0.920 0.069 25.7);
+  --color-card: oklch(0.115 0.108 21.8);
+  --color-card-foreground: oklch(0.920 0.069 25.7);
+  --color-primary: oklch(0.385 0.285 22.8);
+  --color-primary-foreground: oklch(1.000 0.000 0.0);
+  --color-secondary: oklch(0.683 0.370 45.9);
+  --color-secondary-foreground: oklch(1.000 0.000 0.0);
+  --color-accent: oklch(0.497 0.370 79.6);
+  --color-accent-foreground: oklch(0.920 0.069 25.7);
+  --color-border: oklch(0.218 0.157 22.5);
+  --color-input: oklch(0.218 0.157 22.5);
+  --color-ring: oklch(0.385 0.285 22.8);
+
+  --radius: 0.5rem;
+  --radius-sm: calc(var(--radius) - 4px);
+  --radius-md: calc(var(--radius) - 2px);
+  --radius-lg: var(--radius);
+  --radius-xl: calc(var(--radius) + 4px);
+}
+
+@media (prefers-color-scheme: dark) {
+  @theme {
+    --color-background: oklch(0.074 0.078 22.5);
+    --color-foreground: oklch(0.920 0.069 25.7);
+    --color-card: oklch(0.115 0.108 21.8);
+    --color-card-foreground: oklch(0.920 0.069 25.7);
+    --color-primary: oklch(0.385 0.285 22.8);
+    --color-primary-foreground: oklch(1.000 0.000 0.0);
+    --color-secondary: oklch(0.683 0.370 45.9);
+    --color-secondary-foreground: oklch(1.000 0.000 0.0);
+    --color-accent: oklch(0.497 0.370 79.6);
+    --color-accent-foreground: oklch(0.920 0.069 25.7);
+    --color-border: oklch(0.218 0.157 22.5);
+    --color-input: oklch(0.218 0.157 22.5);
+    --color-ring: oklch(0.385 0.285 22.8);
+  }
+}
+
+* {
+  border-color: var(--color-border);
+  outline-color: color-mix(in oklch, var(--color-ring), transparent 50%);
+}
+
+html {
+  scroll-behavior: smooth;
+}
+
+body {
+  background-color: var(--color-background);
+  color: var(--color-foreground);
+  font-feature-settings: "rlig" 1, "calt" 1;
+  font-family: var(--font-jost), sans-serif;
+}
+
+h1, h2, h3, h4, h5, h6 {
+  font-family: var(--font-cormorant), serif;
+}
+
+@layer components {
+  .btn-luxe {
+    @apply inline-flex items-center justify-center border border-accent text-accent uppercase tracking-[0.3em] px-8 py-3 text-sm font-light transition-all duration-200 ease-out;
+  }
+  .btn-luxe:hover {
+    @apply bg-accent text-background;
+  }
+}