/* themes.css */
:root {
  --primary-color: #181818;
  --secondary-color: #232323;
  --tertiary-color: #090909;
  --input-color: #E0E0E0;
  --nav-color: #151515;
  --text-color: #E0E0E0;
  --spider-red: #9D1F13;
  --home-gradient: radial-gradient(
    at center, /* Set ellipse shape and center position */
    #9D1F13,          /* Starting color */
    #090909           /* Ending color */
  );
  --cursor: url('/ogcursor.png');
}

[data-theme="mm"] {
  --primary-color: #181818;
  --secondary-color: #232323;
  --tertiary-color: #090909;
  --input-color: #E0E0E0;
  --nav-color: #151515;
  --text-color: #E0E0E0;
  --spider-red: #9D1F13;
  --home-gradient: radial-gradient(
    at center, /* Set ellipse shape and center position */
    #9D1F13,          /* Starting color */
    #090909           /* Ending color */
  );
  --cursor: url("/spiderCursor.png");
}

[data-theme="og"] {
  --primary-color: #181818;
  --secondary-color: #232323;
  --tertiary-color: #151515;
  --input-color: #E0E0E0;
  --nav-color: #090909;
  --text-color: #E0E0E0;
  --spider-red: #9D1F13;
  --home-gradient: radial-gradient(
    at center, /* Set ellipse shape and center position */
    #9F0707,          /* Starting color */
    #03022A,
    #010011           /* Ending color */
  );
  --cursor: url("/ogcursor.png");
}

html[data-theme="gw"] {
  --primary-color: #f2f2f2;
  --secondary-color: #dedddd;
  --tertiary-color: #ff9dcc;
  --input-color: #E9C1D4;
  --nav-color: #BA3E7A;
  --text-color: #252523;
  --spider-red: #BA3E7A;
  --home-gradient: radial-gradient(
    at center,
     /* Set ellipse shape and center position */
    #FFCFE9 6%,         /* Starting color */
    #FEFEFE 100%          /* Ending color */
  );
  --cursor: url("/gwcursor.png");
}