: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-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;
}

[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;
}