:root {
  /* Base */
  --text: #0a0c07;
  --background: #f9faf9;
  --primary: #c1ff72;
  --secondary: #0a0c07;
  --accent: #87b38c;

  /* Shades */

  --text-50: #f3f6ef;
  --text-100: #e7ecdf;
  --text-200: #cfd9bf;
  --text-300: #b6c69f;
  --text-400: #9eb47e;
  --text-500: #86a15e;
  --text-600: #6b814b;
  --text-700: #506039;
  --text-800: #364026;
  --text-900: #1b2013;
  --text-950: #0d1009;

  --background-50: #f1f3f1;
  --background-100: #e3e8e3;
  --background-200: #c7d1c7;
  --background-300: #acb9ac;
  --background-400: #90a290;
  --background-500: #748b74;
  --background-600: #5d6f5d;
  --background-700: #465346;
  --background-800: #2e382e;
  --background-900: #171c17;
  --background-950: #0c0e0c;

  --primary-50: #f4ffe5;
  --primary-100: #e9ffcc;
  --primary-200: #d3ff99;
  --primary-300: #bdff66;
  --primary-400: #a7ff33;
  --primary-500: #91ff00;
  --primary-600: #74cc00;
  --primary-700: #579900;
  --primary-800: #3a6600;
  --primary-900: #1d3300;
  --primary-950: #0e1a00;

  --secondary-50: #f3f6ef;
  --secondary-100: #e7ecdf;
  --secondary-200: #cfd9bf;
  --secondary-300: #b6c69f;
  --secondary-400: #9eb47e;
  --secondary-500: #86a15e;
  --secondary-600: #6b814b;
  --secondary-700: #506039;
  --secondary-800: #364026;
  --secondary-900: #1b2013;
  --secondary-950: #0d1009;

  --accent-50: #eff5f0;
  --accent-100: #e0ebe1;
  --accent-200: #c1d7c3;
  --accent-300: #a2c3a6;
  --accent-400: #83af88;
  --accent-500: #639c6a;
  --accent-600: #507c55;
  --accent-700: #3c5d40;
  --accent-800: #283e2a;
  --accent-900: #141f15;
  --accent-950: #0a100b;
}

@media (prefers-color-scheme: dark) {
  :root {
    --text: #f5f7f2;
    --background: #050605;
    --primary: #518f00;
    --secondary: #f5f7f2;
    --accent: #4c7651;

    --text-50: #0d100a;
    --text-100: #1b2013;
    --text-200: #353f27;
    --text-300: #505f3a;
    --text-400: #6b7e4e;
    --text-500: #869e61;
    --text-600: #9eb181;
    --text-700: #b6c5a0;
    --text-800: #ced8c0;
    --text-900: #e7ecdf;
    --text-950: #f3f5ef;

    --background-50: #0c0e0c;
    --background-100: #171c17;
    --background-200: #2e382e;
    --background-300: #465346;
    --background-400: #5d6f5d;
    --background-500: #748b74;
    --background-600: #90a290;
    --background-700: #acb9ac;
    --background-800: #c7d1c7;
    --background-900: #e3e8e3;
    --background-950: #f1f3f1;

    --primary-50: #0e1a00;
    --primary-100: #1d3300;
    --primary-200: #3a6600;
    --primary-300: #579900;
    --primary-400: #74cc00;
    --primary-500: #91ff00;
    --primary-600: #a7ff33;
    --primary-700: #bdff66;
    --primary-800: #d3ff99;
    --primary-900: #e9ffcc;
    --primary-950: #f4ffe5;

    --secondary-50: #0d100a;
    --secondary-100: #1b2013;
    --secondary-200: #353f27;
    --secondary-300: #505f3a;
    --secondary-400: #6b7e4e;
    --secondary-500: #869e61;
    --secondary-600: #9eb181;
    --secondary-700: #b6c5a0;
    --secondary-800: #ced8c0;
    --secondary-900: #e7ecdf;
    --secondary-950: #f3f5ef;

    --accent-50: #0a100b;
    --accent-100: #141f15;
    --accent-200: #283e2a;
    --accent-300: #3c5d40;
    --accent-400: #507c55;
    --accent-500: #639c6a;
    --accent-600: #83af88;
    --accent-700: #a2c3a6;
    --accent-800: #c1d7c3;
    --accent-900: #e0ebe1;
    --accent-950: #eff5f0;
  }
}

:root {
  /* --analogous: #FF8853; */

  /* --tertiary: #155497; */

  --neutral: #f4f4f4;
  --neutral-50: #f2f2f2;
  --neutral-100: #e6e6e6;
  --neutral-200: #cccccc;
  --neutral-300: #b3b3b3;
  --neutral-400: #999999;
  --neutral-500: #808080;
  --neutral-600: #666666;
  --neutral-700: #4d4d4d;
  --neutral-800: #333333;
  --neutral-900: #1a1a1a;
  --neutral-950: #0d0d0d;
}

/* @media (prefers-color-scheme: dark) {
    :root {
    }
} */