/* Color Palettes */
@layer base {
  :root {
    /* Zinc - Primary/Secondary */
    --zinc-50: 0 0% 98%;
    --zinc-100: 240 4.8% 95.9%;
    --zinc-200: 240 5.9% 90%;
    --zinc-300: 240 4.9% 83.9%;
    --zinc-400: 240 5% 64.9%;
    --zinc-500: 240 3.8% 46.1%;
    --zinc-600: 240 5.2% 33.9%;
    --zinc-700: 240 5.3% 26.1%;
    --zinc-800: 240 3.7% 15.9%;
    --zinc-900: 240 5.9% 10%;
    --zinc-950: 240 10% 3.9%;

    /* Amber - Warning */
    --amber-50: 48 100% 96.1%;
    --amber-100: 48 96.5% 88.8%;
    --amber-200: 48 96.6% 76.7%;
    --amber-300: 45.9 96.7% 64.5%;
    --amber-400: 43.3 96.4% 56.3%;
    --amber-500: 37.7 92.1% 50.2%;
    --amber-600: 32.1 94.6% 43.7%;
    --amber-700: 26 90.5% 37.1%;
    --amber-800: 22.7 82.5% 31.4%;
    --amber-900: 21.7 77.8% 26.5%;
    --amber-950: 20.9 91.7% 14.1%;

    /* Emerald - Success */
    --emerald-50: 151.8 81% 95.9%;
    --emerald-100: 149.3 80.4% 90%;
    --emerald-200: 152.4 76% 80.4%;
    --emerald-300: 156.2 71.6% 66.9%;
    --emerald-400: 158.1 64.4% 51.6%;
    --emerald-500: 160.1 84.1% 39.4%;
    --emerald-600: 161.4 93.5% 30.4%;
    --emerald-700: 162.9 93.5% 24.3%;
    --emerald-800: 163.1 88.1% 19.8%;
    --emerald-900: 164.2 85.7% 16.5%;
    --emerald-950: 165.7 91.3% 9%;

    /* Sky - Info */
    --sky-50: 204 100% 97.1%;
    --sky-100: 204 93.8% 93.7%;
    --sky-200: 200.6 94.4% 86.1%;
    --sky-300: 199.4 95.5% 73.9%;
    --sky-400: 198.4 93.2% 59.6%;
    --sky-500: 198.6 88.7% 48.4%;
    --sky-600: 200.4 98% 39.4%;
    --sky-700: 201.3 96.3% 32.2%;
    --sky-800: 201 90% 27.5%;
    --sky-900: 202 80.3% 23.9%;
    --sky-950: 204 80.2% 15.9%;

    /* Rose - Error */
    --rose-50: 355.7 100% 97.3%;
    --rose-100: 355.6 100% 94.7%;
    --rose-200: 352.7 96.1% 90%;
    --rose-300: 352.6 95.7% 81.8%;
    --rose-400: 351.3 94.5% 71.4%;
    --rose-500: 349.7 89.2% 60.2%;
    --rose-600: 346.8 77.2% 49.8%;
    --rose-700: 345.3 82.7% 40.8%;
    --rose-800: 343.4 79.7% 34.7%;
    --rose-900: 341.5 75.5% 30.4%;
    --rose-950: 343.1 87.7% 15.9%;
  }
}
