/*
 * Descripción: SKIN SWEET SEEDS
 * Copyright (c) 2024
*/


/*===================================
       Colores light / dark
=====================================*/

:root {
  --colordest: #5ead30;
  --colordest-hover: #5ead30;
  --colordest-active: #5ead30;
  --colordest-txt:#fff;
  --colordest-fill: #5ead30;
  --filter-colordest: brightness(0) saturate(100%) invert(55%) sepia(88%) saturate(388%) hue-rotate(54deg) brightness(91%) contrast(83%);
                        
  --filter-grisclaro: brightness(0) saturate(100%) invert(49%) sepia(7%) saturate(617%) hue-rotate(175deg) brightness(94%) contrast(85%);
  --filter-grisoscuro: brightness(0) saturate(100%) invert(26%) sepia(84%) saturate(252%) hue-rotate(172deg) brightness(84%) contrast(88%);
  --filter-color-principal: brightness(0) saturate(100%) invert(18%) sepia(6%) saturate(3549%) hue-rotate(178deg) brightness(97%) contrast(88%);

  --color-principal:#2b394f;
  --color-principal-hover:#2b394f;
  --color-principal-focus:#2b394f;

  --color-fondo-active:#ffcf35;
  --color-texto-active:#000;
  
  --rojo:#cf2121;
  --rojo-txt:#fff;
  --verde:#21cfa3;

  --grisclaro:#717984;
  --grisoscuro:#364a63;

  --blanco: #ffffff;
  --negro: #000;
  --naranja:#ffa600;

  --fondoweb:#fff;
  --fondoweb-transparente:rgba(255,255,255,0.7);
  --fondoinfo:#ebeef2;
  --fondoclaro:#f4f6fa;
  --fondoscuro:#788391;
   
  --color-borde:#dce0e5;

  --form-fondo:#ffffff;
  --form-borde: #dce0e5;
  --form-disabled:#c2c2c2;
}

.dark {
    --fondoweb:#000000;
    --fondoweb-transparente:rgba(0,0,0,0.7);
    --color-principal:#fff;
    --color-principal-hover:#fff;
    --color-principal-focus:#fff;
    --color-borde:#494d52;

    --filter-color-principal: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7475%) hue-rotate(236deg) brightness(112%) contrast(100%);

    --form-fondo:#2d3237;
    --form-borde: rgba(255,255,255,.24);
    --form-disabled:#c2c2c2;
}


/*=========================
        CUSTOM
=========================*/