/*
 * SLC color theme: Soft Blue
 * Layer 1 — primitives and the active-theme reference contract.
 *
 * A future color theme should live in its own slc-theme-<name>.css file,
 * target :root[data-slc-theme="<name>"] and define every --slc-ref-* token
 * below. Components must not consume the --slc-blue-* primitives directly.
 */

:root:not([data-slc-theme]),
:root[data-slc-theme="blue"] {
  /* Blue primitives */
  --slc-blue-25: #f8fcff;
  --slc-blue-50: #edf5fb;
  --slc-blue-100: #e4f0f8;
  --slc-blue-150: #d7e9f5;
  --slc-blue-300: #8bc6e3;
  --slc-blue-500: #2e86bd;
  --slc-blue-700: #176a9f;
  --slc-blue-800: #125681;
  --slc-blue-900: #193f5a;
  --slc-blue-950: #12324d;

  /* Supporting primitives */
  --slc-steel-700: #496b82;
  --slc-steel-800: #315c77;
  --slc-neutral-white: #ffffff;
  --slc-yellow-500: #d6a516;
  --slc-yellow-700: #ae8615;
  --slc-violet-700: #5a4b8a;
  --slc-warm-700: #8c492c;

  /* Active-theme references: the required contract for every color theme. */
  --slc-ref-canvas-top: var(--slc-blue-25);
  --slc-ref-canvas: var(--slc-blue-50);
  --slc-ref-surface: var(--slc-neutral-white);
  --slc-ref-surface-muted: var(--slc-blue-100);
  --slc-ref-surface-strong: var(--slc-blue-150);
  --slc-ref-ink-strong: var(--slc-blue-950);
  --slc-ref-ink: var(--slc-steel-800);
  --slc-ref-ink-muted: var(--slc-steel-700);
  --slc-ref-accent: var(--slc-blue-500);
  --slc-ref-action: var(--slc-blue-700);
  --slc-ref-action-hover: var(--slc-blue-800);
  --slc-ref-accent-on-dark: var(--slc-blue-300);
  --slc-ref-on-action: var(--slc-neutral-white);
  --slc-ref-highlight: var(--slc-yellow-500);
  --slc-ref-highlight-strong: var(--slc-yellow-700);
  --slc-ref-content-violet: var(--slc-violet-700);
  --slc-ref-content-warm: var(--slc-warm-700);
  --slc-ref-steel-900: var(--slc-blue-900);

  /* RGB channels let the shared system create alpha colors without raw hues. */
  --slc-ref-accent-rgb: 46 134 189;
  --slc-ref-accent-light-rgb: 104 183 222;
  --slc-ref-accent-on-dark-rgb: 139 198 227;
  --slc-ref-accent-deep-rgb: 23 91 132;
  --slc-ref-ink-rgb: 18 50 77;
  --slc-ref-surface-rgb: 251 253 255;
  --slc-ref-shadow-rgb: 30 83 115;
  --slc-ref-white-rgb: 255 255 255;

  /* Raster icon recoloring belongs to the color theme, not the component. */
  --slc-ref-icon-filter: brightness(0) saturate(100%) invert(35%) sepia(56%) saturate(938%) hue-rotate(160deg) brightness(87%) contrast(91%);
}