/* PaVet corporate palette. Surface, layout and status tokens belong to each panel. */
:root {
  --pavet-primary: #01bccd;
  --pavet-primary-rgb: 1, 188, 205;
  --pavet-primary-hover: #01a5b4;
  --pavet-primary-deep: #007783;
  --pavet-primary-ink: #007f8a;
  --pavet-primary-light: #79d8e1;
  --pavet-hero-emphasis: #058f9b;
  --pavet-on-primary: #ffffff;
  --pavet-primary-soft: rgba(var(--pavet-primary-rgb), 0.065);
  --pavet-border-strong: rgba(var(--pavet-primary-rgb), 0.28);
  --pavet-shadow: 0 10px 28px rgba(15, 23, 42, 0.08);
  --pavet-gradient: linear-gradient(135deg, var(--pavet-primary), var(--pavet-primary-deep));
  --pavet-banner-gradient: linear-gradient(135deg, color-mix(in srgb, var(--pavet-primary) 10%, #060b14), color-mix(in srgb, var(--pavet-primary) 20%, #060b14) 60%, color-mix(in srgb, var(--pavet-primary) 12%, #060b14));
}

html[data-theme="dark"] {
  --pavet-primary-ink: #4bc3cc;
  --pavet-hero-emphasis: #31b7c4;
  --pavet-primary-soft: rgba(var(--pavet-primary-rgb), 0.10);
  --pavet-shadow: 0 10px 28px rgba(0, 0, 0, 0.16);
}