:root[data-theme="default"] {
    /* Font */
    --font-family: Inter, ui-sans-serif, system-ui, sans-serif;
    --font-heading: ;

    /* Backgrounds */
    --background-nav: 255, 255, 255, 0;
    --background-body: 226, 232, 240;
    --background-surface: 241, 245, 249;

    /* Colors */
    --color-primary: 44, 100, 227;
    --color-secondary: 232, 239, 253;

    /* Buttons – Primary */
    --button-primary-bg: 44, 100, 227;
    --button-primary-bg-hover: 30, 83, 202;
    --button-primary-text: 255, 255, 255;
    --button-primary-radius: 999px;

    /* Buttons – Secondary */
    --button-secondary-bg: 234, 240, 252;
    --button-secondary-bg-hover: 243, 243, 243;
    --button-secondary-text: 44, 100, 227;
    --button-secondary-radius: 999px;
    --button-border: 218, 221, 226;

    /* Pills */
    --pills-primary-bg: 44, 100, 227;
    --pills-secondary-bg: 234, 240, 252;

    /* Input */
    --input-bg: 255, 255, 255;
    --input-border: 218, 221, 226;

    /* List */
    --list-bg: 255, 255, 255;
    --list-border: 0, 0, 0, 0;
    --list-secondary-border: 20, 20, 20, 0.1;

    /* Text / Typography */
    --text-body-color: 17, 24, 39;
    --text-heading-color: 25, 27, 30;
    --text-subheading-color: 115, 122, 134;
    --text-link-color: 44, 100, 227;
}

:root[data-theme="betathomede"] {
    /* Font */
    --font-family: Roboto, sans-serif;
    --font-heading: 'RobotoCondensed';
    --font-weight-medium: 400;
    --font-weight-semibold: 500;
    --font-weight-bold: 600;
    /* Backgrounds */
    --container-xl: 530px;
    --background-nav: 255, 255, 255, 0;
    --background-body: 248, 249, 250;
    --background-surface: 255, 255, 255;

    /* Colors */
    --color-primary: 0, 37, 84, 1;
    --color-secondary: 0, 37, 84, 0.1;

    /* Buttons – Primary */
    --button-primary-bg: 126, 197, 30;
    --button-primary-bg-hover: 107, 171, 20;
    --button-primary-text: 255, 255, 255;
    --button-primary-radius: 999px;

    /* Buttons – Secondary */
    --button-secondary-bg: 255, 255, 255;
    --button-secondary-bg-hover: 255, 255, 255;
    --button-secondary-text: 17, 17, 17;
    --button-secondary-radius: 8px;
    --button-border: 232, 232, 235;

    /* Pills */
    --pills-primary-bg: 0, 37, 84, 1;
    --pills-secondary-bg: 255, 255, 255;

    /* Input */
    --input-bg: 255, 255, 255;
    --input-border: 218, 221, 226;

    /* List */
    --list-bg: 255, 255, 255;
    --list-border: 20, 20, 20, 0.1;
    --list-secondary-border: 20, 20, 20, 0.1;

    /* Text / Typography */
    --text-body-color: 34, 39, 42;
    --text-heading-color: 0, 0, 0;
    --text-subheading-color: 102, 102, 102;
    --text-link-color: 0, 37, 84, 1;
}

:root[data-theme="bitpanda"] {
    /* Font */
    --font-family: Inter, ui-sans-serif, system-ui, sans-serif;
    --font-heading: "bitpandacompressed";
    --font-heading-uppercase: uppercase;
    --text-3xl: 40px;
    --text-5xl: 64px;
    --text-xl: 32px;

    /* Backgrounds */
    --background-nav: 255, 255, 255, 0;
    --background-body: 243, 243, 243;
    --background-surface: 255, 255, 255;

    /* Colors */
    --color-primary: 40, 40, 40;
    --color-secondary: 232, 239, 253;

    /* Buttons – Primary */
    --button-primary-bg: 16, 62, 54;
    --button-primary-bg-hover: 40, 81, 74;
    --button-primary-text: 255, 255, 255;
    --button-primary-radius: 4px;
    --tw-shadow: 0;
    --radius-2xl: 4px;

    /* Buttons – Secondary */
    --button-secondary-bg: 255, 255, 255;
    --button-secondary-bg-hover: 243, 243, 243;
    --button-secondary-text: 28, 28, 30;
    --button-secondary-radius: 999px;
    --button-border: 16, 62, 54, 0.2;

    /* Pills */
    --pills-primary-bg: 16, 62, 54;
    --pills-secondary-bg: 255, 255, 255;

    /* Input */
    --input-bg: 255, 255, 255;
    --input-border: 218, 221, 226;

    /* List */
    --list-bg: 255, 255, 255;
    --list-border: 0, 0, 0, 0.10;
    --list-secondary-border: 0, 0, 0, 0.1;

    /* Text / Typography */
    --text-body-color: 17, 24, 39;
    --text-heading-color: 25, 27, 30;
    --text-subheading-color: 115, 122, 134;
    --text-link-color: 22, 118, 77;
}