/* Teal + Mint experiment. Activate with data-palette="teal-mint" on html. */
:root[data-palette="teal-mint"] {
  --color-primary: #0f766e;
  --color-primary-hover: #115e59;
  --color-secondary: #ccfbf1;
  --color-accent: #14b8a6;
  --color-ink: #102a2a;
  --color-text: #102a2a;
  --color-text-muted: #526b68;
  --color-background: #f8fbfa;
  --color-surface: #ffffff;
  --color-surface-alt: var(--color-secondary);
  --color-border: #dce8e4;
  --color-danger: #d94a4a;
  --color-warning: #d98a24;
  --color-success: #27865f;
  --navbar-surface: var(--color-ink);
  --shadow-panel: 0 4px 18px rgb(16 42 42 / 5%);
  --shadow-hover: 0 8px 24px rgb(16 42 42 / 9%);
  --focus-ring: 0 0 0 3px rgb(20 184 166 / 25%);
  --ocean-pearl-layer1: none;
  --ocean-pearl-layer2: none;
  --bs-link-color-rgb: 15, 118, 110;
  --bs-link-hover-color-rgb: 17, 94, 89;
  --bs-primary-rgb: 15, 118, 110;
  --button-primary-text: var(--color-surface);
  --button-primary-hover: var(--color-primary-hover);
  --button-ghost-text: var(--color-primary-hover);
}