summaryrefslogtreecommitdiff
path: root/src/app/globals.css
diff options
context:
space:
mode:
Diffstat (limited to 'src/app/globals.css')
-rw-r--r--src/app/globals.css102
1 files changed, 102 insertions, 0 deletions
diff --git a/src/app/globals.css b/src/app/globals.css
new file mode 100644
index 0000000..9fa0a21
--- /dev/null
+++ b/src/app/globals.css
@@ -0,0 +1,102 @@
+@import "tailwindcss";
+
+@theme {
+ /* === Palette Mapuche Corporate === */
+
+ /* Primary - Cosmos (bleu-nuit profond) */
+ --color-cosmos-50: #e8ecf3;
+ --color-cosmos-100: #c5cfe0;
+ --color-cosmos-200: #9fafc9;
+ --color-cosmos-300: #7990b2;
+ --color-cosmos-400: #5c79a1;
+ --color-cosmos-500: #3f6290;
+ --color-cosmos-600: #355585;
+ --color-cosmos-700: #294576;
+ --color-cosmos-800: #1f3664;
+ --color-cosmos-900: #1b2a4a;
+ --color-cosmos-950: #0f1829;
+
+ /* Accent - Kultrun Red */
+ --color-kultrun-50: #fce8e8;
+ --color-kultrun-100: #f8c5c6;
+ --color-kultrun-200: #f09ea0;
+ --color-kultrun-300: #e8777a;
+ --color-kultrun-400: #e1595d;
+ --color-kultrun-500: #d93c40;
+ --color-kultrun-600: #c4343a;
+ --color-kultrun-700: #b8282e;
+ --color-kultrun-800: #9a2026;
+ --color-kultrun-900: #7a181d;
+ --color-kultrun-950: #4a0e11;
+
+ /* Secondary - Araucaria Gold */
+ --color-araucaria-50: #fbf5e6;
+ --color-araucaria-100: #f5e6c0;
+ --color-araucaria-200: #eed596;
+ --color-araucaria-300: #e7c46c;
+ --color-araucaria-400: #e1b84d;
+ --color-araucaria-500: #d4a843;
+ --color-araucaria-600: #c99a30;
+ --color-araucaria-700: #b28527;
+ --color-araucaria-800: #9a6f1f;
+ --color-araucaria-900: #7a5616;
+ --color-araucaria-950: #4a340d;
+
+ /* Earth - Tierra */
+ --color-tierra-50: #f3ede8;
+ --color-tierra-100: #e0d3c8;
+ --color-tierra-200: #ccb7a5;
+ --color-tierra-300: #b79b82;
+ --color-tierra-400: #a78568;
+ --color-tierra-500: #97704f;
+ --color-tierra-600: #886347;
+ --color-tierra-700: #6b4c3b;
+ --color-tierra-800: #573d30;
+ --color-tierra-900: #3e2b22;
+ --color-tierra-950: #241913;
+
+ /* Success - Ngünechen Green */
+ --color-ngunechen-50: #e8f2eb;
+ --color-ngunechen-100: #c5dece;
+ --color-ngunechen-200: #9ec9ae;
+ --color-ngunechen-300: #77b38e;
+ --color-ngunechen-400: #5aa375;
+ --color-ngunechen-500: #3d935c;
+ --color-ngunechen-600: #358352;
+ --color-ngunechen-700: #2d5a3d;
+ --color-ngunechen-800: #244a32;
+ --color-ngunechen-900: #1a3624;
+ --color-ngunechen-950: #0f2015;
+
+ /* Semantic surface colors */
+ --color-nieve: #faf7f2;
+ --color-pewma: #ede8df;
+ --color-border: #d4cfc6;
+ --color-muted: #7a746b;
+ --color-text: #1a1614;
+
+ /* Font families */
+ --font-sans: "Inter", ui-sans-serif, system-ui, sans-serif;
+ --font-mono: "JetBrains Mono", ui-monospace, monospace;
+
+ /* Border radius */
+ --radius-sm: 0.375rem;
+ --radius-md: 0.5rem;
+ --radius-lg: 0.75rem;
+ --radius-xl: 1rem;
+}
+
+@layer base {
+ body {
+ background-color: var(--color-nieve);
+ color: var(--color-text);
+ font-family: var(--font-sans);
+ -webkit-font-smoothing: antialiased;
+ -moz-osx-font-smoothing: grayscale;
+ }
+
+ ::selection {
+ background-color: var(--color-cosmos-900);
+ color: var(--color-nieve);
+ }
+}