/* Blue + Cyan experiment. Activate with data-palette="blue-cyan" on html. */
:root[data-palette="blue-cyan"] {
  --color-primary: #2563eb;
  --color-primary-hover: #1d4ed8;
  --color-secondary: #e0f2fe;
  --color-accent: #06b6d4;
  --color-ink: #0b1220;
  --color-text: #0b1220;
  --color-text-muted: #475569;
  --color-background: #f8fafc;
  --color-surface: #ffffff;
  --color-surface-alt: var(--color-secondary);
  --color-border: #e2e8f0;
  --color-danger: #d94a4a;
  --color-warning: #d98a24;
  --color-success: #27865f;
  --navbar-surface: var(--color-ink);
  --shadow-panel: 0 4px 18px rgb(11 18 32 / 5%);
  --shadow-hover: 0 8px 24px rgb(11 18 32 / 9%);
  --focus-ring: 0 0 0 3px rgb(6 182 212 / 25%);
  --ocean-pearl-layer1: none;
  --ocean-pearl-layer2: none;
  --bs-link-color-rgb: 37, 99, 235;
  --bs-link-hover-color-rgb: 29, 78, 216;
  --bs-primary-rgb: 37, 99, 235;
  --button-primary-text: var(--color-surface);
  --button-primary-hover: var(--color-primary-hover);
  --button-ghost-text: var(--color-primary-hover);
}