@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);
  }
}