@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Mono&display=swap');
:root{
  /* Brand */
  --color-primary-rgb: 124,16,201; /*#7C10C9*/
  --color-secondary-rgb: 142,243,62; /*#8EF33E*/
  --color-accent-rgb: 255,45,38; /*#FF2D26*/

  --color-primary: rgb(var(--color-primary-rgb)); /* #7C10C9 */
  --color-secondary: rgb(var(--color-secondary-rgb)); /* #8EF33E */
  --color-accent: rgb(var(--color-accent-rgb)); /* #FF2D26 */

  --color-white-rgb: 240,214,255;
  --color-black-rgb: 11,7,18;

  --color-white: rgb(var(--color-white-rgb));
  --color-black: rgb(var(--color-black-rgb));

  /* Neutrals */
  --color-background: #FAF5FF;
  --color-background-alt: #DBCFE6;
  --color-text: #3b2173;
  --color-text-muted: #8C7BAD;
  --color-text-inverse: #f0d6ff;

  /* States */
  --color-success: #4caf50;
  --color-warning: #ff9800;
  --color-error: #f44336;
  --color-info: #82aaff; 
}

:root[data-theme='dark'] {
  /* Neutrals */
  --color-background: #16141C;
  --color-background-alt: #322F3B;
  --color-text: #f0d6ff;
  --color-text-muted: #A08DC2;
  --color-text-inverse: #3b2173;
}

body {
    margin: 0;
    padding: 0;
    font-family: 'IBM Plex Mono', monospace;
    background-color: var(--color-background);
    color: var(--color-primary);
    min-height: 100vh;
}

main {
    display: flex;
    flex-direction: column;
    text-align: center;
    justify-content: center;
    margin-inline: auto;
}

a {
    text-decoration: none;
}