.light_theme {
    --sameness: 255, 255, 255;
    --contrast: 0, 0, 0;
    --background-alt: rgb(243, 243, 243);
    --background-fill-alt: rgb(249, 249, 249);
    --background: rgb(249, 249, 249);
    --background-button-accent: rgb(253, 253, 253);
    --background-button-accent-hover: #196FBF;
    --background-button-accent-active: rgba(0, 95, 184, 0.8);
    --background-button-accent-disabled: rgb(197, 197, 197);
    --background-button: rgb(253, 253, 253);
    --background-button-hover: rgb(249, 249, 249);
    --background-button-active: rgb(250, 250, 250);
    --background-button-disabled: rgba(0, 0, 0, 0.22);
    --button-accent-active: rgb(255, 255, 255, 0.95);
    --gradient-accent: linear-gradient(180deg, rgb(20, 108, 190) 90%, rgb(1, 58, 112) 100%);
    --gradient-accent-hover: linear-gradient(180deg, rgb(43, 123, 197) 90%, rgb(17, 70, 115) 100%);
    --gradient-accent-active: linear-gradient(180deg, rgb(70, 137, 202) 90%, rgb(70, 137, 202) 100%);
    --gradient-accent-disabled: linear-gradient(180deg, rgb(197, 197, 197) 90%, rgb(197, 197, 197) 100%);
    --gradient: linear-gradient(180deg, rgb(235, 235, 235) 90%, rgb(209, 209, 209) 100%);
    --gradient-hover: linear-gradient(180deg, rgb(237, 237, 237) 90%, rgb(219, 219, 219) 100%);
    --gradient-active: linear-gradient(180deg, rgb(235, 235, 235) 90%, rgb(235, 235, 235) 100%);
    --gradient-disabled: linear-gradient(180deg, rgb(237, 237, 237) 90%, rgb(209, 209, 209) 100%);
    --background-fill-color-accent-acrylic-background-base: rgba(153, 235, 255, 0.8999999761581421);
    --background-fill-color-accent-acrylic-background-default: rgba(153, 235, 255, 0.8999999761581421);
    --background-fill-color-acrylic-background-base: rgba(243, 243, 243, 0.8999999761581421);
    --background-fill-color-acrylic-background-default: rgba(252, 252, 252, 0.8500000238418579);
    --background-fill-color-card-background-default: rgba(255, 255, 255, 0.699999988079071);
    --background-fill-color-card-background-secondary: rgba(246, 246, 246, 0.5);
    --background-fill-color-card-background-tertiary: rgba(255, 255, 255, 1);
    --background-fill-color-layer-alt: rgba(255, 255, 255, 1);
    --background-fill-color-layer-default: rgba(255, 255, 255, 0.5);
    --background-fill-color-layer-on-accent-acrylic-default: rgba(255, 255, 255, 0.25);
    --background-fill-color-layer-on-acrylic-default: rgba(255, 255, 255, 0.25);
    --background-fill-color-mica-background-base: rgba(243, 243, 243, 1);
    --background-fill-color-smoke-default: rgba(0, 0, 0, 0.30000001192092896);
    --background-fill-color-solid-background-base: rgba(243, 243, 243, 1);
    --background-fill-color-solid-background-quarternary: rgba(255, 255, 255, 1);
    --background-fill-color-solid-background-secondary: rgba(238, 238, 238, 1);
    --background-fill-color-solid-background-tertiary: rgba(249, 249, 249, 1);
    --fill-color-accent-default: rgba(0, 95, 184, 1);
    --fill-color-accent-disabled: rgba(0, 0, 0, 0.21690000593662262);
    --fill-color-accent-secondary: rgba(0, 95, 184, 0.8999999761581421);
    --fill-color-accent-selected-text-background: rgba(0, 120, 212, 1);
    --fill-color-accent-tertiary: rgba(0, 95, 184, 0.800000011920929);
    --fill-color-accent-text-disabled: rgba(0, 0, 0, 0.3614000082015991);
    --fill-color-accent-text-primary: rgba(0, 62, 146, 1);
    --fill-color-accent-text-secondary: rgba(0, 26, 104, 1);
    --fill-color-accent-text-tertiary: rgba(0, 95, 184, 1);
    --fill-color-control-alt-disabled: rgba(255, 255, 255, 0);
    --fill-color-control-alt-quarternary: rgba(0, 0, 0, 0.09239999949932098);
    --fill-color-control-alt-secondary: rgba(0, 0, 0, 0.02410000003874302);
    --fill-color-control-alt-tertiary: rgba(0, 0, 0, 0.05779999867081642);
    --fill-color-control-alt-transparent: rgba(255, 255, 255, 0);
    --fill-color-control-default: rgba(255, 255, 255, 0.699999988079071);
    --fill-color-control-disabled: rgba(249, 249, 249, 0.30000001192092896);
    --fill-color-control-input-active: rgba(255, 255, 255, 1);
    --fill-color-control-on-image-default: rgba(255, 255, 255, 0.7900000214576721);
    --fill-color-control-on-image-disabled: rgba(255, 255, 255, 0);
    --fill-color-control-on-image-secondary: rgba(243, 243, 243, 1);
    --fill-color-control-on-image-tertiary: rgba(235, 235, 235, 1);
    --fill-color-control-secondary: rgba(249, 249, 249, 0.5);
    --fill-color-control-solid-default: rgba(255, 255, 255, 1);
    --fill-color-control-strong-default: rgba(0, 0, 0, 0.4458000063896179);
    --fill-color-control-strong-disabled: rgba(0, 0, 0, 0.3172999918460846);
    --fill-color-control-tertiary: rgba(249, 249, 249, 0.30000001192092896);
    --fill-color-control-transparent: rgba(255, 255, 255, 0);
    --fill-color-subtle-disabled: rgba(0, 0, 0, 0);
    --fill-color-subtle-secondary: rgba(0, 0, 0, 0.037300001829862595);
    --fill-color-subtle-tertiary: rgba(0, 0, 0, 0.02410000003874302);
    --fill-color-subtle-transparent: rgba(255, 255, 255, 0);
    --fill-color-system-attention-background: rgba(246, 246, 246, 0.5);
    --fill-color-system-attention: rgba(0, 95, 183, 1);
    --fill-color-system-caution-background: rgba(255, 244, 206, 1);
    --fill-color-system-caution: rgba(157, 93, 0, 1);
    --fill-color-system-critical-background: rgba(253, 231, 233, 1);
    --fill-color-system-critical: rgba(196, 43, 28, 1);
    --fill-color-system-neutral-background: rgba(0, 0, 0, 0.02410000003874302);
    --fill-color-system-neutral: rgba(0, 0, 0, 0.4458000063896179);
    --fill-color-system-solid-attention-background: rgba(247, 247, 247, 1);
    --fill-color-system-solid-neutral-background: rgba(243, 243, 243, 1);
    --fill-color-system-solid-neutral: rgba(138, 138, 138, 1);
    --fill-color-system-success-background: rgba(223, 246, 221, 1);
    --fill-color-system-success: rgba(15, 123, 15, 1);
    --fill-color-text-disabled: rgba(0, 0, 0, 0.7);
    --fill-color-text-on-accent-disabled: rgba(255, 255, 255, 1);
    --fill-color-text-on-accent-primary: rgba(255, 255, 255, 1);
    --fill-color-text-on-accent-secondary: rgba(255, 255, 255, 0.699999988079071);
    --fill-color-text-on-accent-selected-text: rgba(255, 255, 255, 1);
    --fill-color-text-primary: rgba(0, 0, 0, 0.8956000208854675);
    --fill-color-text-secondary: rgba(0, 0, 0, 0.6062999963760376);
    --fill-color-text-tertiary: rgba(0, 0, 0, 0.4458000063896179);
    --stroke-color-card-stroke-default-solid: rgba(235, 235, 235, 1);
    --stroke-color-card-stroke-default: rgba(0, 0, 0, 0.05779999867081642);
    --stroke-color-control-stroke-default: rgba(0, 0, 0, 0.05779999867081642);
    --stroke-color-control-stroke-for-strong-fill-when-on-image: rgba(255, 255, 255, 0.3499999940395355);
    --stroke-color-control-stroke-on-accent-default: rgba(255, 255, 255, 0.07999999821186066);
    --stroke-color-control-stroke-on-accent-disabled: rgba(0, 0, 0, 0.05779999867081642);
    --stroke-color-control-stroke-on-accent-secondary: rgba(0, 0, 0, 0.4000000059604645);
    --stroke-color-control-stroke-on-accent-tertiary: rgba(0, 0, 0, 0.21690000593662262);
    --stroke-color-control-stroke-secondary: rgba(0, 0, 0, 0.16220000386238098);
    --stroke-color-control-strong-stroke-default: rgba(0, 0, 0, 0.4458000063896179);
    --stroke-color-control-strong-stroke-disabled: rgba(0, 0, 0, 0.21690000593662262);
    --stroke-color-divider-stroke-default: rgba(0, 0, 0, 0.08030000329017639);
    --stroke-color-focus-stroke-inner: rgba(255, 255, 255, 1);
    --stroke-color-focus-stroke-outer: rgba(0, 0, 0, 0.8956000208854675);
    --stroke-color-surface-stroke-default: rgba(0, 0, 0, 0.05779999867081642);
    --stroke-color-surface-stroke-flyout: rgba(0, 0, 0, 0.05779999867081642);
    /*#region Especial*/
    --background-fill-color-lightyellow: rgba(250, 250, 210, 0.8999999761581421);
    --background-fill-color-lightgray: rgba(200,200,200, 0.8999999761581421);
    --background-fill-color-list-selected :rgba(255,0,0, 0.8999999761581421);
    --background-fill-color-list-selected-text: rgba(255,255,255, 0.8999999761581421);
    /*#endregion*/
}

.dark_theme {
    --sameness: 0, 0, 0;
    --contrast: 255, 255, 255;
    --contrast: 255, 255, 255;
    --background: rgb(39, 39, 39);
    --background-alt: rgb(32, 32, 32);
    --background-fill-alt: rgb(44, 44, 44);
    --background-button-accent: #59BCE8;
    --background-button-accent-hover: #59BCE8;
    --background-button-accent-active: rgba(96, 205, 255, 0.8);
    --background-button-accent-disabled: #404040;
    --background-button: rgb(42, 42, 42);
    --background-button-hover: rgb(47, 47, 47);
    --background-button-active: rgb(35, 35, 35);
    --background-button-disabled: rgba(255,255,255,0.16);
    --button-accent-active: rgb(0, 0, 0, 0.5);
    --gradient-accent: linear-gradient(180deg, rgb(109, 209, 255) 90%, rgb(84, 177, 220) 100%);
    --gradient-accent-hover: linear-gradient(180deg, rgb(102, 193, 234) 90%, rgb(77, 162, 200) 100%);
    --gradient-accent-active: linear-gradient(180deg, rgb(97, 177, 214) 90%, rgb(97, 177, 214) 100%);
    --gradient-accent-disabled: linear-gradient(180deg, rgb(64, 64, 64) 90%, rgb(64, 64, 64) 100%);
    --gradient: linear-gradient(180deg, rgb(49, 49, 49) 90%, rgb(44, 44, 44) 100%);
    --gradient-hover: linear-gradient(180deg, rgb(49, 49, 49) 90%, rgb(44, 44, 44) 100%);
    --gradient-active: linear-gradient(180deg, rgb(44, 44, 44) 90%, rgb(44, 44, 44) 100%);
    --gradient-disabled: linear-gradient(180deg, #2F2F2F 90%, #2F2F2F 100%);
    --background-fill-color-accent-acrylic-background-base: rgba(0, 63, 146, 0.800000011920929);
    --background-fill-color-accent-acrylic-background-default: rgba(0, 120, 212, 0.800000011920929);
    --background-fill-color-acrylic-background-base: rgba(32, 32, 32, 0.9599999785423279);
    --background-fill-color-acrylic-background-default: rgba(44, 44, 44, 0.9599999785423279);
    --background-fill-color-card-background-default: rgba(255, 255, 255, 0.05119999870657921);
    --background-fill-color-card-background-secondary: rgba(255, 255, 255, 0.032600000500679016);
    --background-fill-color-layer-alt: rgba(255, 255, 255, 0.05380000174045563);
    --background-fill-color-layer-default: rgba(58, 58, 58, 0.30000001192092896);
    --background-fill-color-layer-on-accent-acrylic-default: rgba(255, 255, 255, 0.03590000048279762);
    --background-fill-color-layer-on-acrylic-default: rgba(255, 255, 255, 0.03590000048279762);
    --background-fill-color-mica-background-base: rgba(32, 32, 32, 1);
    --background-fill-color-smoke-default: rgba(0, 0, 0, 0.30000001192092896);
    --background-fill-color-solid-background-base: rgba(32, 32, 32, 1);
    --background-fill-color-solid-background-quarternary: rgba(44, 44, 44, 1);
    --background-fill-color-solid-background-secondary: rgba(28, 28, 28, 1);
    --background-fill-color-solid-background-tertiary: rgba(40, 40, 40, 1);
    --fill-color-accent-default: rgba(96, 205, 255, 1);
    --fill-color-accent-disabled: rgba(255, 255, 255, 0.15809999406337738);
    --fill-color-accent-secondary: rgba(96, 205, 255, 0.8999999761581421);
    --fill-color-accent-selected-text-background: rgba(0, 120, 212, 1);
    --fill-color-accent-tertiary: rgba(96, 205, 255, 0.800000011920929);
    --fill-color-accent-text-disabled: rgba(255, 255, 255, 0.3628000020980835);
    --fill-color-accent-text-primary: rgba(153, 235, 255, 1);
    --fill-color-accent-text-secondary: rgba(153, 235, 255, 1);
    --fill-color-accent-text-tertiary: rgba(96, 205, 255, 1);
    --fill-color-control-alt-disabled: rgba(255, 255, 255, 0);
    --fill-color-control-alt-quarternary: rgba(255, 255, 255, 0.0697999969124794);
    --fill-color-control-alt-secondary: rgba(0, 0, 0, 0.10000000149011612);
    --fill-color-control-alt-tertiary: rgba(255, 255, 255, 0.04190000146627426);
    --fill-color-control-alt-transparent: rgba(255, 255, 255, 0);
    --fill-color-control-default: rgba(255, 255, 255, 0.060499999672174454);
    --fill-color-control-disabled: rgba(255, 255, 255, 0.04190000146627426);
    --fill-color-control-input-active: rgba(30, 30, 30, 0.699999988079071);
    --fill-color-control-on-image-default: rgba(28, 28, 28, 0.699999988079071);
    --fill-color-control-on-image-disabled: rgba(30, 30, 30, 0);
    --fill-color-control-on-image-secondary: rgba(26, 26, 26, 1);
    --fill-color-control-on-image-tertiary: rgba(19, 19, 19, 1);
    --fill-color-control-secondary: rgba(255, 255, 255, 0.08370000123977661);
    --fill-color-control-solid-default: rgba(69, 69, 69, 1);
    --fill-color-control-strong-default: rgba(255, 255, 255, 0.5442000031471252);
    --fill-color-control-strong-disabled: rgba(255, 255, 255, 0.24650000035762787);
    --fill-color-control-tertiary: rgba(255, 255, 255, 0.032600000500679016);
    --fill-color-control-transparent: rgba(255, 255, 255, 0);
    --fill-color-subtle-disabled: rgba(255, 255, 255, 0);
    --fill-color-subtle-secondary: rgba(255, 255, 255, 0.060499999672174454);
    --fill-color-subtle-tertiary: rgba(255, 255, 255, 0.04190000146627426);
    --fill-color-subtle-transparent: rgba(255, 255, 255, 0);
    --fill-color-system-attention-background: rgba(255, 255, 255, 0.032600000500679016);
    --fill-color-system-attention: rgba(96, 205, 255, 1);
    --fill-color-system-caution-background: rgba(67, 53, 25, 1);
    --fill-color-system-caution: rgba(252, 225, 0, 1);
    --fill-color-system-critical-background: rgba(68, 39, 38, 1);
    --fill-color-system-critical: rgba(255, 153, 164, 1);
    --fill-color-system-neutral-background: rgba(255, 255, 255, 0.032600000500679016);
    --fill-color-system-neutral: rgba(255, 255, 255, 0.5442000031471252);
    --fill-color-system-solid-attention-background: rgba(46, 46, 46, 1);
    --fill-color-system-solid-neutral-background: rgba(46, 46, 46, 1);
    --fill-color-system-solid-neutral: rgba(157, 157, 157, 1);
    --fill-color-system-success-background: rgba(57, 61, 27, 1);
    --fill-color-system-success: rgba(108, 203, 95, 1);
    --fill-color-text-disabled: rgba(255, 255, 255, 0.3628000020980835);
    --fill-color-text-on-accent-disabled: rgba(255, 255, 255, 0.5302000045776367);
    --fill-color-text-on-accent-primary: rgba(0, 0, 0, 1);
    --fill-color-text-on-accent-secondary: rgba(0, 0, 0, 0.5);
    --fill-color-text-on-accent-selected-text: rgba(255, 255, 255, 1);
    --fill-color-text-primary: rgba(255, 255, 255, 1);
    --fill-color-text-secondary: rgba(255, 255, 255, 0.7860000133514404);
    --fill-color-text-tertiary: rgba(255, 255, 255, 0.5442000031471252);
    --stroke-color-card-stroke-default-solid: rgba(28, 28, 28, 1);
    --stroke-color-card-stroke-default: rgba(0, 0, 0, 0.10000000149011612);
    --stroke-color-control-stroke-default: rgba(255, 255, 255, 0.0697999969124794);
    --stroke-color-control-stroke-for-strong-fill-when-on-image: rgba(0, 0, 0, 0.41999998688697815);
    --stroke-color-control-stroke-on-accent-default: rgba(255, 255, 255, 0.07999999821186066);
    --stroke-color-control-stroke-on-accent-disabled: rgba(0, 0, 0, 0.20000000298023224);
    --stroke-color-control-stroke-on-accent-secondary: rgba(0, 0, 0, 0.14000000059604645);
    --stroke-color-control-stroke-on-accent-tertiary: rgba(0, 0, 0, 0.21690000593662262);
    --stroke-color-control-stroke-secondary: rgba(255, 255, 255, 0.09300000220537186);
    --stroke-color-control-strong-stroke-default: rgba(255, 255, 255, 0.5442000031471252);
    --stroke-color-control-strong-stroke-disabled: rgba(255, 255, 255, 0.15809999406337738);
    --stroke-color-divider-stroke-default: rgba(255, 255, 255, 0.08370000123977661);
    --stroke-color-focus-stroke-inner: rgba(0, 0, 0, 0.699999988079071);
    --stroke-color-focus-stroke-outer: rgba(255, 255, 255, 1);
    --stroke-color-surface-stroke-default: rgba(255, 255, 255, 0.08370000123977661);
    --stroke-color-surface-stroke-flyout: rgba(0, 0, 0, 0.20000000298023224);
    /*#region Especial*/
    --background-fill-color-lightyellow: rgba(250, 250, 210, 0.8999999761581421);
    --background-fill-color-lightgray: rgba(50, 50, 50, 0.8999999761581421);
    --background-fill-color-list-selected: rgba(255,255,255, 0.8999999761581421);
    --background-fill-color-list-selected-text: rgba(0,0,0, 0.8999999761581421);
    /*#endregion*/
}

/* Text-size styles */
body {
  --caption:           12px;
  --body:              14px;
  --body-strong:       14px;
  --body-large:        18px;
  --subtitle:          20px;
  --title:             28px;
  --title-large:       40px;
  --display:           68px;

  /* Effect styles */
  --shadow-card-rest:  0px 2px 4px  rgba(0, 0, 0, 0.04);
  --shadow-card-hover: 0px 2px 4px  rgba(0, 0, 0, 0.1);
  --shadow-tooltip:    0px 4px 8px  rgba(0, 0, 0, 0.14);
  --shadow-flyout:      0px 8px 16px rgba(0, 0, 0, 0.14);
  --shadow-window:     0px 2px 21px rgba(0, 0, 0, 0.15), 0px 32px 64px rgba(0, 0, 0, 0.19);
  --shadow-card-rest:  0px 2px 4px  rgba(0, 0, 0, 0.13);
  --shadow-card-hover: 0px 2px 4px  rgba(0, 0, 0, 0.26);
  --shadow-tooltip:    0px 4px 8px  rgba(0, 0, 0, 0.26);
  --shadow-flyout:      0px 8px 16px rgba(0, 0, 0, 0.26);
  --shadow-window:     0px 2px 21px rgba(0, 0, 0, 0.37), 0px 32px 64px rgba(0, 0, 0, 0.37);
  /* backdrop-filter: */
  --blur-acrylic:      blur(60px);
  /* backdrop-filter: */
  --blur-mica:         blur(240px);
}