:root {
  --font-stack: -apple-system, BlinkMacSystemFont, avenir next, avenir, segoe ui,
    helvetica neue, helvetica, Cantarell, Ubuntu, roboto, noto, arial,
    sans-serif;
  --font-branded: Iowan Old Style, Apple Garamond, Baskerville, Times New Roman,
    Droid Serif, Times, Source Serif Pro, serif, Apple Color Emoji,
    Segoe UI Emoji, Segoe UI Symbol;
  --font-primary: var(--font-stack);
  --font-secondary: var(--font-stack);
  --font-size-basis: 1.6rem;
  --font-height-basis: 2rem;
  --color-black: #111;
  --color-white: white;
  --color-darkGrey: #999;
  --color-mediumGrey: #ccc;
  --color-lightGrey: #f2f2f2;
  --color-instagram: radial-gradient(
    circle at 30%107%,
    #fdf497 0,
    #fdf497 5%,
    #fd5949 45%,
    #d6249f 60%,
    #285aeb 90%
  );
  --color-instagram-purple: #833ab4;
  --color-linkedin: #0072b1;
  --color-twitter: #000;
  --color-whatsapp: #41c75d;
  --color-pinterest: #e60023;
  --color-snapchat: #fffc00;
  --color-facebook: #3a5795;
  --color-youtube: #cc181e;
  --color-telegram: #2aabee;
  --color-tiktok: #000;
  --color-threads: radial-gradient(
    circle at 30%107%,
    #fdf497 0,
    #fdf497 5%,
    #fd5949 45%,
    #d6249f 60%,
    #285aeb 90%
  );
  --color-bluesky: #1185fe;
  --color-functional-success: #00bd3e;
  --color-functional-info: #03a9f4;
  --color-functional-warning: #eeb218;
  --color-functional-error: #fd3700;
  --color-primary: #0034dd;
  --color-secondary: #111;
  --color-tertiary: #333;
  --color-quaternary: #666;
  --color-quinary: #4176b3;
  --color-senary: #1e7e65;
  --color-septenary: #555;
  --color-subscription-septenary: #d4c59c;
  --color-form: #0034dd;
  --color-form-image--primary: #6280dd;
  --color-form-image--secondary: #99aef1;
  --color-caso-abierto: #0034dd;
  --color-activos: #4c7175;
  --color-tag-status-primary: #fcddc7;
  --color-tag-status-secondary: #c7e8ed;
  --color-illustrations-skin-5: #f4cfb2;
  --color-crucigrama: #fdd303;
  --color-crucigrama--light: #fdffb6;
  --color-wordle: #de324c;
  --color-wordle--light: #ffadad;
  --color-sopa: #f4895f;
  --color-sopa--light: #ffd6a5;
  --color-sudoku: #95cf92;
  --color-sudoku--light: #d6fbcf;
  --color-cuadronumerico: #369acc;
  --color-cuadronumerico--light: #cbe7f2;
  --color-pangramax: #ac65ca;
  --color-pangramax--light: #d4cef8;
  --color-saltaminas: #d63f8c;
  --color-saltaminas--light: #f5addb;
  --color-timequest: #00d1a4;
  --color-timequest--light: #c1f0e6;
  --color-paywall-primary: #FEDE00;
  --color-paywall-secondary: #F9F0AB;
  --color-black-dm: #cdc9c3;
  --color-white-dm: #181a1b;
  --color-darkGrey-dm: #bbb;
  --color-mediumGrey-dm: #666;
  --color-lightGrey-dm: #222;
  --color-instagram-dm: var(--color-white-dm);
  --color-instagram-purple-dm: var(--color-white-dm);
  --color-linkedin-dm: var(--color-white-dm);
  --color-twitter-dm: var(--color-white-dm);
  --color-whatsapp-dm: var(--color-white-dm);
  --color-pinterest-dm: var(--color-white-dm);
  --color-snapchat-dm: var(--color-white-dm);
  --color-facebook-dm: var(--color-white-dm);
  --color-youtube-dm: var(--color-white-dm);
  --color-telegram-dm: var(--color-white-dm);
  --color-tiktok-dm: var(--color-white-dm);
  --color-threads-dm: var(--color-white-dm);
  --color-bluesky-dm: var(--color-white-dm);
  --color-threads-dm: var(--color-white-dm);
  --color-bluesky-dm: var(--color-white-dm);
  --color-primary-dm: #f1f1f1;
  --color-secondary-dm: #eee;
  --color-tertiary-dm: #ccc;
  --color-quaternary-dm: #999;
  --color-quinary-dm: #ffbe55;
  --color-senary-dm: #8fcab8;
  --color-septenary-dm: #aaa;
  --color-subscription-secondary-dm: #2a7a76;
  --color-subscription-septenary-dm: #9a895e;
  --color-form-dm: #99baff;
  --color-caso-abierto-dm: var(--color-primary-dm);
  --color-functional-success-dm: #3cff75;
  --color-functional-info-dm: #66d4ff;
  --color-functional-warning-dm: #ffd85a;
  --color-functional-error-dm: #ff5e42;
  --color-functional-success-dm: #3cff75;
  --color-functional-info-dm: #66d4ff;
  --color-functional-warning-dm: #ffd85a;
  --color-functional-error-dm: #ff5e42;
  --color-crucigrama-dm: var(--color-white-dm);
  --color-crucigrama--light-dm: #ccc;
  --color-wordle-dm: var(--color-white-dm);
  --color-wordle--light-dm: #ccc;
  --color-sopa-dm: var(--color-white-dm);
  --color-sopa--light-dm: #ccc;
  --color-sudoku-dm: var(--color-white-dm);
  --color-sudoku--light-dm: #ccc;
  --color-cuadronumerico-dm: var(--color-white-dm);
  --color-cuadronumerico--light-dm: #ccc;
  --color-pangramax-dm: var(--color-white-dm);
  --color-pangramax--light-dm: #ccc;
  --color-saltaminas-dm: var(--color-white-dm);
  --color-saltaminas--light-dm: #ccc;
  --color-timequest-dm: var(--color-white-dm);
  --color-timequest--light-dm: #ccc;
  --color-crucigrama-dm: var(--color-white-dm);
  --color-crucigrama--light-dm: #ccc;
  --color-wordle-dm: var(--color-white-dm);
  --color-wordle--light-dm: #ccc;
  --color-sopa-dm: var(--color-white-dm);
  --color-sopa--light-dm: #ccc;
  --color-sudoku-dm: var(--color-white-dm);
  --color-sudoku--light-dm: #ccc;
  --color-cuadronumerico-dm: var(--color-white-dm);
  --color-cuadronumerico--light-dm: #ccc;
  --color-pangramax-dm: var(--color-white-dm);
  --color-pangramax--light-dm: #ccc;
  --color-saltaminas-dm: var(--color-white-dm);
  --color-saltaminas--light-dm: #ccc;
  --color-timequest-dm: var(--color-white-dm);
  --color-timequest--light-dm: #ccc;
    --color-paywall-primary-dm: var(--color-white-dm);
  --color-paywall-secondary-dm: var(--color-white-dm);
}

[data-theme="dark"] {
  --color-black: var(--color-black-dm);
  --color-white: var(--color-white-dm);
  --color-darkGrey: var(--color-darkGrey-dm);
  --color-mediumGrey: var(--color-mediumGrey-dm);
  --color-lightGrey: var(--color-lightGrey-dm);
  --color-primary: var(--color-primary-dm);
  --color-secondary: var(--color-secondary-dm);
  --color-tertiary: var(--color-tertiary-dm);
  --color-quaternary: var(--color-quaternary-dm);
  --color-quinary: var(--color-quinary-dm);
  --color-senary: var(--color-senary-dm);
  --color-septenary: var(--color-septenary-dm);
  --color-subscription-secondary: var(--color-subscription-secondary-dm);
  --color-subscription-septenary: var(--color-subscription-septenary-dm);
  --color-form: var(--color-form-dm);
  --color-instagram: var(--color-instagram-dm);
  --color-instagram-purple: var(--color-instagram-purple-dm);
  --color-linkedin: var(--color-linkedin-dm);
  --color-twitter: var(--color-twitter-dm);
  --color-whatsapp: var(--color-whatsapp-dm);
  --color-pinterest: var(--color-pinterest-dm);
  --color-snapchat: var(--color-snapchat-dm);
  --color-facebook: var(--color-facebook-dm);
  --color-youtube: var(--color-youtube-dm);
  --color-telegram: var(--color-telegram-dm);
  --color-tiktok: var(--color-tiktok-dm);
  --color-threads: var(--color-threads-dm);
  --color-bluesky: var(--color-bluesky-dm);
  --color-caso-abierto: var(--color-caso-abierto-dm);
  --color-functional-success: var(--color-functional-success-dm);
  --color-functional-info: var(--color-functional-info-dm);
  --color-functional-warning: var(--color-functional-warning-dm);
  --color-functional-error: var(--color-functional-error-dm);
  --color-crucigrama-dm: var(--color-white-dm);
  --color-crucigrama--light-dm: #ccc;
  --color-wordle-dm: var(--color-white-dm);
  --color-wordle--light-dm: #ccc;
  --color-sopa-dm: var(--color-white-dm);
  --color-sopa--light-dm: #ccc;
  --color-sudoku-dm: var(--color-white-dm);
  --color-sudoku--light-dm: #ccc;
  --color-cuadronumerico-dm: var(--color-white-dm);
  --color-cuadronumerico--light-dm: #ccc;
  --color-pangramax-dm: var(--color-white-dm);
  --color-pangramax--light-dm: #ccc;
  --color-saltaminas-dm: var(--color-white-dm);
  --color-saltaminas--light-dm: #ccc;
  --color-timequest-dm: var(--color-white-dm);
  --color-timequest--light-dm: #ccc;
  --color-crucigrama-dm: var(--color-white-dm);
  --color-crucigrama--light-dm: #ccc;
  --color-wordle-dm: var(--color-white-dm);
  --color-wordle--light-dm: #ccc;
  --color-sopa-dm: var(--color-white-dm);
  --color-sopa--light-dm: #ccc;
  --color-sudoku-dm: var(--color-white-dm);
  --color-sudoku--light-dm: #ccc;
  --color-cuadronumerico-dm: var(--color-white-dm);
  --color-cuadronumerico--light-dm: #ccc;
  --color-pangramax-dm: var(--color-white-dm);
  --color-pangramax--light-dm: #ccc;
  --color-saltaminas-dm: var(--color-white-dm);
  --color-saltaminas--light-dm: #ccc;
  --color-timequest-dm: var(--color-white-dm);
  --color-timequest--light-dm: #ccc;
    --color-paywall-primary: var(--color-paywall-primary-dm);
  --color-paywall-secondary: var(--color-paywall-secondary-dm);
}