--color-background-on-secondary: var(--color-neutral-100); --color-background-primary: var(--color-neutral-100); --color-background-secondary-on-elevated: var(--color-neutral-200); --color-background-secondary: var(--color-neutral-200); --color-background-strong: var(--color-neutral-800); --color-background-success: var(--color-kiwi-600); --color-background-tertiary: var(--color-neutral-300); --color-background-transparent: var(--color-clear); --color-border-accent: var(--color-blue-500); --color-border-attention: var(--color-red-600); --color-border-disabled: var(--color-neutral-400); --color-border-inverse: var(--color-neutral-100); --color-border-medium: var(--color-neutral-500); --color-border-on-accent: var(--color-neutral-100); --color-border-on-attention: var(--color-neutral-100); --color-border-on-disabled: var(--color-neutral-100); --color-border-on-inverse: var(--color-neutral-100); --color-border-on-success: var(--color-neutral-100); --color-border-strong: var(--color-neutral-700); --color-border-subtle: var(--color-neutral-300); --color-border-success: var(--color-kiwi-600); --color-brand-1: var(--color-red-500); --color-brand-2: var(--color-blue-500); --color-brand-3: var(--color-yellow-400); --color-brand-4: var(--color-green-500); --color-foreground-accent: var(--color-blue-500); --color-foreground-attention: var(--color-red-600); --color-foreground-disabled: var(--color-neutral-400); --color-foreground-link-legal: var(--color-blue-650); --color-foreground-link-primary: var(--color-foreground-primary); --color-foreground-link-visited: var(--color-pink-600); --color-foreground-on-accent: var(--color-neutral-100); --color-foreground-on-attention: var(--color-neutral-100); --color-foreground-on-disabled: var(--color-neutral-100); --color-foreground-on-inverse: var(--color-neutral-100); --color-foreground-on-strong: var(--color-neutral-100); --color-foreground-on-success: var(--color-neutral-100); --color-foreground-primary: var(--color-neutral-800); --color-foreground-secondary: var(--color-neutral-600); --color-foreground-success: var(--color-kiwi-600); --color-gradient-ai-blue-strong: linear-gradient(var(--color-ai-solid-purple-strong), var(--color-ai-solid-blue-strong) 50%, var(--color-ai-solid-green-strong) 100%); --color-gradient-ai-blue-subtle: linear-gradient(var(--color-ai-solid-purple-subtle), var(--color-ai-solid-blue-subtle) 50%, var(--color-ai-solid-green-subtle) 100%); --color-gradient-ai-full-color-diagonal: linear-gradient(var(--color-ai-solid-green-strong) 10%, var(--color-ai-solid-blue-strong) 27%, var(--color-ai-solid-purple-strong) 42%, var(--color-ai-solid-red-strong) 56%, var(--color-ai-solid-yellow-strong) 78%); --color-gradient-ai-green-strong: linear-gradient(var(--color-ai-solid-blue-strong), var(--color-ai-solid-green-strong) 100%); --color-gradient-ai-green-subtle: linear-gradient(var(--color-ai-solid-blue-subtle), var(--color-ai-solid-green-subtle) 100%); --color-gradient-ai-purple-strong: linear-gradient(var(--color-ai-solid-red-strong), var(--color-ai-solid-purple-strong) 100%); --color-gradient-ai-purple-subtle: linear-gradient(var(--color-ai-solid-red-subtle), var(--color-ai-solid-purple-subtle) 100%); --color-gradient-image-scrim: linear-gradient(rgba(248, 248, 248, 0) 52%, rgba(248, 248, 248, 0.03)); --color-gradient-loading-shimmer-on-secondary: linear-gradient(rgba(237, 237, 237, 0), rgba(237, 237, 237, 0.6) 25%, rgba(237, 237, 237, 0.85) 37%, rgba(237, 237, 237, 0.95) 48%, rgba(237, 237, 237, 0.95) 51%, rgba(237, 237, 237, 0.85) 61%, rgba(237, 237, 237, 0.6) 74%, rgba(237, 237, 237, 0)); --color-gradient-loading-shimmer: linear-gradient(rgba(248, 248, 248, 0), rgba(248, 248, 248, 0.6) 25%, rgba(248, 248, 248, 0.85) 37%, rgba(248, 248, 248, 0.95) 48%, rgba(248, 248, 248, 0.95) 51%, rgba(248, 248, 248, 0.85) 61%, rgba(248, 248, 248, 0.6) 74%, rgba(248, 248, 248, 0)); --color-loading-fill-on-secondary: #e4e4e4; --color-loading-fill: #ededed; --color-scrim-background: rgba(0, 0, 0, 0.3); --color-state-layer-focus-on-strong: rgba(255, 255, 255, 0.12); --color-state-layer-focus: rgba(0, 0, 0, 0.04); --color-state-layer-hover-on-strong: rgba(255, 255, 255, 0.12); --color-state-layer-hover: rgba(0, 0, 0, 0.04); --color-state-layer-pressed-on-strong: rgba(255, 255, 255, 0.16); --color-state-layer-pressed: rgba(0, 0, 0, 0.08); --color-state-layer-selected-on-strong: rgba(255, 255, 255, 0.2); --color-state-layer-selected: rgba(0, 0, 0, 0.12); --color-background-faint: rgba(var(--color-neutral-900-rgb), 0.05); --color-background-confirmation: var(--color-background-success); --color-background-information: var(--color-background-accent); --color-background-invalid: var(--color-red-200); --color-background-strong-rgb: var(--color-neutral-800-rgb); --color-foreground-confirmation: var(--color-foreground-success); --color-foreground-information: var(--color-foreground-accent); --color-foreground-visited: var(--color-foreground-link-visited); --color-foreground-on-primary: var(--color-foreground-primary); --color-foreground-on-secondary: var(--color-foreground-secondary); --color-foreground-on-confirmation: var(--color-foreground-on-success); --color-foreground-on-information: var(--color-foreground-on-success); --color-stroke-default: var(--color-border-medium); --color-stroke-accent: var(--color-border-accent); --color-stroke-on-accent: var(--color-border-on-accent); --color-stroke-attention: var(--color-border-attention); --color-stroke-on-attention: var(--color-border-on-attention); --color-stroke-confirmation: var(--color-border-success); --color-stroke-on-confirmation: var(--color-border-on-success); --color-stroke-information: var(--color-border-accent); --color-stroke-disabled: var(--color-border-disabled); --color-stroke-on-disabled: var(--color-border-on-disabled); --color-stroke-strong: var(--color-border-strong); --color-stroke-subtle: var(--color-border-subtle); --color-stroke-inverse: var(--color-border-on-inverse); --color-state-visited: var(--color-pink-600); --color-state-focus-stroke: #005fcc; --color-state-primary-hover: #f5f5f5; --color-state-primary-active: #ebebeb; --color-state-secondary-hover: #ededed; --color-state-secondary-hover-rgb: 237, 237, 237; --color-state-secondary-active: #e3e3e3; --color-state-secondary-active-rgb: 227, 227, 227; --color-state-inverse-hover: #343434; --color-state-inverse-active: #323232; --color-state-accent-hover: #2854d9; --color-state-hover-foreground-on-secondary: #3461e9; --color-state-accent-active: #254fd2; --color-state-active-foreground-on-secondary: #3461e9; --color-state-attention-hover: #d70f38; --color-state-attention-active: #d70f38; --color-state-hover-foreground-on-secondary-desctructive: #d70f38; --color-state-active-foreground-on-secondary-desctructive: #d70f38; --color-data-viz-grid: var(--color-neutral-300); --color-data-viz-labels: var(--color-neutral-800); --color-data-viz-legend: var(--color-neutral-600); --color-data-viz-legend-inactive: var(--color-neutral-400); --color-data-viz-legend-hover: var(--color-neutral-800); --color-data-viz-line-chart-primary: var(--color-blue-500); --color-data-viz-line-chart-secondary: var(--color-violet-700); --color-data-viz-line-chart-tertiary: var(--color-teal-600); --color-data-viz-line-chart-queternary: var(--color-pink-500); --color-data-viz-line-chart-quinary: var(--color-pink-600); --color-data-viz-trend-positive: var(--color-kiwi-600); --color-data-viz-trend-negative: var(--color-red-600); --color-data-viz-chart-primary: var(--color-blue-500); --color-data-viz-chart-secondary: var(--color-blue-700); --color-data-viz-chart-tertiary-background: var(--color-indigo-200); --color-data-viz-chart-tertiary-stroke: var(--color-blue-500); --color-data-viz-chart-quaternary-background: var(--color-teal-300); --color-data-viz-chart-quaternary-stroke: var(--color-teal-600); --color-data-viz-chart-quinary-background: var(--color-teal-200); --color-data-viz-chart-quinary-stroke: var(--color-teal-600); --color-data-viz-tooltip-shadow-primary: #00000026; --color-data-viz-tooltip-shadow-secondary: #0000002b; --color-scrim-image: rgba(0, 0, 0, 0.04); --color-marketing-lime-foreground-4: var(--color-green-700); --color-marketing-lime-background-4: var(--color-avocado-500); --color-marketing-green-foreground-3: var(--color-kiwi-700); --color-marketing-green-background-3: var(--color-kiwi-400); --color-marketing-teal-foreground-3: var(--color-teal-7); --color-marketing-teal-background-3: var(--color-teal-400); --color-marketing-teal-foreground-5: var(--color-neutral-100); --color-marketing-teal-background-5: var(--color-teal-600); --color-marketing-yellow-foreground-3: var(--color-marigold-700); --color-marketing-yellow-background-3: var(--color-yellow-400); --color-marketing-orange-foreground-3: var(--color-coral-700); --color-marketing-orange-background-3: var(--color-coral-400); --color-marketing-magenta-foreground-4: var(--color-neutral-100); --color-marketing-magenta-background-4: var(--color-pink-400); --state-layer-neutral: rgb(var(--color-neutral-900-rgb), 0); --state-layer-neutral-on-strong: rgb(var(--color-neutral-100-rgb), 0); --state-layer-focus-on-strong: rgb(var(--color-neutral-100-rgb), var(--opacity-150)); --state-layer-hover-on-strong: rgb(var(--color-neutral-100-rgb), var(--opacity-150)); --state-layer-pressed-on-strong: rgb(var(--color-neutral-100-rgb), var(--opacity-200)); --state-layer-drag: rgb(var(--color-neutral-900-rgb), var(--opacity-150)); --color-ai-gradient-full-spectrum: var(--color-gradient-ai-full-color-diagonal); --color-ai-gradient-green-strong: var(--color-gradient-ai-green-strong); --color-ai-gradient-blue-strong: var(--color-gradient-ai-blue-strong); --color-ai-gradient-purple-strong: var(--color-gradient-ai-purple-strong); --color-ai-gradient-purple-subtle: var(--color-gradient-ai-purple-subtle); --color-ai-gradient-blue-subtle: var(--color-gradient-ai-blue-subtle); --color-ai-gradient-green-subtle: var(--color-gradient-ai-green-subtle); --color-loading-overlay: var(--color-neutral-100-rgb), 0.7; --color-loading-first: var(--color-neutral-200); --color-loading-second: var(--color-neutral-300); --color-loading-on-secondary-first: var(--color-neutral-300); --color-loading-on-secondary-second: var(--color-neutral-400); --color-loading-shimmer: linear-gradient(270deg, var(--color-loading-fill) 0%, var(--color-loading-fill) 34%, #f8f8f8 50%, var(--color-loading-fill) 66%, var(--color-loading-fill) 100%); --color-loading-shimmer-on-secondary: linear-gradient(270deg, var(--color-loading-fill-on-secondary) 0%, var(--color-loading-fill-on-secondary) 34%, #ededed 50%, var(--color-loading-fill-on-secondary) 66%, var(--color-loading-fill-on-secondary) 100%); --color-loading-ai-gradient-purple-subtle: linear-gradient(270deg, var(--color-ai-solid-purple-subtle) 0%, var(--color-ai-solid-red-subtle) 100%); --color-loading-ai-gradient-blue-subtle: linear-gradient(270deg, var(--color-ai-solid-green-subtle) -36%, var(--color-ai-solid-blue-subtle) 38.5%, var(--color-ai-solid-purple-subtle) 113%); --color-loading-ai-gradient-green-subtle: linear-gradient(270deg, var(--color-ai-solid-green-subtle) 0%, var(--color-ai-solid-blue-subtle) 154.5%); } Ñ