@charset "UTF-8";
/*
 * Variables CSS de terax.es ─ Anael González Paz (C) 2023
 * Adaptados a fincalapaz.eu
 * Edición: 03/10/2023
 */

* {

  /* Radius */
  --terax-border-radius: 10px;
  --terax-border-radius-less: 7px;

  /* Transparencias */
  --terax-alpha-primary-darker: .6;
  --terax-alpha-primary-hover: .36;
  --terax-alpha-primary: .4;
}

body {
  color: rgb(var(--terax-colour-foreground, 0, 0, 0));
  background-color: rgb(var(--terax-colour-background, 255, 255, 255));
}

@media (prefers-color-scheme: dark) {
  * {
    /* Colores*/
    --terax-colour-primary: 10, 99, 117;
    /* TODO: Change dark variant */
    --terax-colour-primary-dark: 44, 20, 77;
    --terax-colour-primary-darker: 16, 8, 28;
    --terax-colour-primary-var-control: 110, 19, 237;
    --terax-colour-primary-var-control-dark: 46, 7, 100;
    --terax-colour-contrast-background: 18, 18, 18;
    --terax-colour-contrast-foreground: 224, 224, 224;
    --terax-colour-contrast-secondary: 179, 179, 179;
    --terax-colour-contrast-link: 210, 210, 210;
    --terax-colour-contrast-link-hover: 255, 255, 255;
    --terax-colour-error: 236, 19, 19;
    --terax-colour-button-hover: 178, 137, 236;
    --terax-colour-button-disabled: 128, 128, 128;
    --terax-colour-menu-hover: 20, 19, 22;
    --terax-colour-link: 94, 44, 165;
    --terax-colour-link-hover: 117, 58, 202;
    --terax-colour-shadow: 0, 0, 0;
    --terax-colour-background: 0, 0, 0;
    --terax-colour-background-secondary: 30, 30, 30;
    --terax-colour-foreground: 255, 255, 255;
    --terax-colour-foreground-secondary: 225, 225, 225;
    --terax-colour-foreground-medium: 145, 145, 145;
    --terax-colour-gradient-main: 28, 13, 50;
    --terax-colour-gradient-secondary: 14, 49, 52;

    --terax-colour-light: var(--terax-colour-foreground);
    --terax-colour-dark: var(--terax-colour-background);
    --terax-colour-background-card: var(--terax-colour-background-secondary);
    --terax-colour-foreground-button: var(--terax-colour-foreground-secondary);

    /* Transparencias */
    --terax-alpha-primary-contrast: 1;
  }
}

@media (prefers-color-scheme: light) {
  * {
    /* Colores*/
    --terax-colour-primary: 42, 137, 157;
    --terax-colour-primary-dark: 19, 68, 78;
    --terax-colour-primary-darker: 7, 24, 28;
    --terax-colour-primary-var-control: 110, 19, 237;
    --terax-colour-primary-var-control-dark: 46, 7, 100;
    --terax-colour-contrast-background: 68, 68, 68;
    --terax-colour-contrast-foreground: 224, 224, 224;
    --terax-colour-contrast-secondary: 179, 179, 179;
    --terax-colour-contrast-link: 210, 210, 210;
    --terax-colour-contrast-link-hover: 255, 255, 255;
    --terax-colour-error: 236, 19, 19;
    --terax-colour-button-hover: 137, 220, 236;
    --terax-colour-button-disabled: 128, 128, 128;
    --terax-colour-menu-hover: 206, 229, 233;
    --terax-colour-link: var(--terax-colour-primary);
    --terax-colour-link-hover: 24, 78, 89;
    --terax-colour-shadow: 0, 0, 0;
    --terax-colour-background: 255, 255, 255;
    --terax-colour-background-secondary: 225, 225, 225;
    --terax-colour-foreground: 0, 0, 0;
    --terax-colour-foreground-secondary: 0, 0, 0;
    --terax-colour-foreground-medium: 110, 110, 110;
    --terax-colour-gradient-main: 140, 63, 251;
    --terax-colour-gradient-secondary: 70, 237, 252;

    --terax-colour-light: var(--terax-colour-background);
    --terax-colour-dark: var(--terax-colour-background);
    --terax-colour-background-card: var(--terax-colour-background);
    --terax-colour-foreground-button: var(--terax-colour-background);

    /* Transparencias */
    --terax-alpha-primary-contrast: var(--terax-alpha-primary, .4);
  }