:root {
    --primary-100:#1A2736;
    --primary-200:#004437;
    --primary-300:#00BA96;
    --accent-100:#BF3E28;
    --accent-200:#2B9251;
    --text-100: #0F172A;     /* Texto principal (muy legible) */
    --text-200: #475569;     /* Texto secundario */
    --text-300: #94A3B8;
    --bg-100: #e9eae6;       /* Fondo principal */
    --bg-200: #ffffff;   /* Cards / contenedores (contraste limpio) */
    --bg-300: #d6d9d1;
      
  }
  [data-mode="light-default"] {
    --primary-100:#FFA500;
    --primary-200:#dd8900;
    --primary-300:#885400;
    --accent-100:#808080;
    --accent-200:#2b2b2b;
    --text-100:#333333;
    --text-200:#5c5c5c;
    --bg-100:#EFEFEF;
    --bg-200:#e5e5e5;
    --bg-300:#bdbdbd;
  }
  
  [data-mode="light-terra"] {
    --primary-100:#EE6C4D;
    --primary-200:#cc4f34;
    --primary-300:#7f0000;
    --accent-100:#F7D1B3;
    --accent-200:#927156;
    --text-100:#333333;
    --text-200:#5c5c5c;
    --bg-100:#f4fdfd;
    --bg-200:#eaf3f3;
    --bg-300:#c1caca;
  }
  [data-mode="light-arena"] {
    --primary-100:#C7B299;
    --primary-200:#a9957d;
    --primary-300:#675640;
    --accent-100:#A68B5B;
    --accent-200:#483507;
    --text-100:#4D4D4D;
    --text-200:#797979;
    --bg-100:#F5EFE7;
    --bg-200:#ebe5dd;
    --bg-300:#c2bdb5;
  }
  [data-mode="neutral-rose"] {
    --primary-100:#eb9c64;
    --primary-200:#ff8789;
    --primary-300:#554e4f;
    --accent-100:#8fbf9f;
    --accent-200:#346145;
    --text-100:#353535;
    --text-200:#000000;
    --bg-100:#F5ECD7;
    --bg-200:#ebe2cd;
    --bg-300:#c2baa6;
      
      
  }
  [data-mode="dark-fiery"] {
    --primary-100:#FF6600;
    --primary-200:#ff983f;
    --primary-300:#ffffa1;
    --accent-100:#F5F5F5;
    --accent-200:#929292;
    --text-100:#FFFFFF;
    --text-200:#e0e0e0;
    --bg-100:#1D1F21;
    --bg-200:#2c2e30;
    --bg-300:#444648;
  }
  [data-mode="dark-ciber"] {
    --primary-100:#FF6B6B;
    --primary-200:#dd4d51;
    --primary-300:#8f001a;
    --accent-100:#00FFFF;
    --accent-200:#00999b;
    --text-100:#FFFFFF;
    --text-200:#e0e0e0;
    --bg-100:#0F0F0F;
    --bg-200:#1f1f1f;
    --bg-300:#353535;
      
  }
  [data-mode="dark-coast"] {
    --primary-100:#0D6E6E;
    --primary-200:#4a9d9c;
    --primary-300:#afffff;
    --accent-100:#FF3D3D;
    --accent-200:#ffe0c8;
    --text-100:#FFFFFF;
    --text-200:#e0e0e0;
    --bg-100:#0D1F2D;
    --bg-200:#1d2e3d;
    --bg-300:#354656;
  }