/* STARIZ · Variables corporativas globales. Sin selectores de componentes. */
:root {
  --stariz-palette-primary: #5BA8FF;
  --stariz-palette-secondary: #8ED1FF;
  --stariz-palette-tertiary: #CFE8FF;
  --primary: #5BA8FF;
  --primary-dark: color-mix(in srgb, #5BA8FF 78%, #000000);
  --secondary: #8ED1FF;
  --tertiary: #CFE8FF;
  --primary-contrast: #ffffff;
  --secondary-contrast: #111827;
  --tertiary-contrast: #111827;
  --bg: #EAF6FF;
  --text: #172033;
  --muted: color-mix(in srgb, #172033 68%, transparent);
  --topbar-bg: #DDEEFF;
  --topbar-text: #172033;
  --topbar-text-muted: color-mix(in srgb, #172033 72%, transparent);
  --topbar-border: color-mix(in srgb, #172033 24%, transparent);
  --quick-access-icon-color: #5BA8FF;
  --ako-icon-color: #5BA8FF;
  --ako-icon-contrast: #ffffff;
  --sidebar-bg: #F3FAFF;
  --sidebar-text: #172033;
  --sidebar-text-muted: color-mix(in srgb, #172033 68%, transparent);
  --panel: color-mix(in srgb, #EAF6FF 22%, #ffffff);
  --field: color-mix(in srgb, #EAF6FF 34%, #ffffff);
  --table-head: color-mix(in srgb, #EAF6FF 55%, #ffffff);
}

html[data-theme="dark"] {
  --bg: #081C33;
  --text: #F4F8FF;
  --muted: color-mix(in srgb, #F4F8FF 68%, transparent);
  --topbar-bg: #0E2A47;
  --topbar-text: #F4F8FF;
  --topbar-text-muted: color-mix(in srgb, #F4F8FF 72%, transparent);
  --topbar-border: color-mix(in srgb, #F4F8FF 24%, transparent);
  --quick-access-icon-color: #8ED1FF;
  --ako-icon-color: #8ED1FF;
  --ako-icon-contrast: #111827;
  --sidebar-bg: #0B2540;
  --sidebar-text: #F4F8FF;
  --sidebar-text-muted: color-mix(in srgb, #F4F8FF 68%, transparent);
  --panel: color-mix(in srgb, #081C33 58%, #172033);
  --field: color-mix(in srgb, #081C33 52%, #172033);
  --table-head: color-mix(in srgb, #081C33 40%, #202c42);
}