/* =========================
   DESIGN TOKENS
   ========================= */
:root {
  /* Color palette */
  --2026-purple-80: #582f77;
  --2026-purple-70: #6b3e87;
  --2026-purple-50: #8b5898;
  --2026-purple-30: #d398f2;
  --2026-purple-10: #f9eeff;

  --2026-peach-80: #ec926d;
  --2026-peach-50: #efb19a;
  --2026-peach-30: #f9ded3;
  --2026-peach-10: #fff6f3;

  --2026-turquoise-80: #294653;
  --2026-turquoise-70: #376272;
  --2026-turquoise-50: #42878c;
  --2026-turquoise-30: #84c8cf;
  --2026-turquoise-10: #eafffe;

  --2026-gray-80: #353231;
  --2026-gray-50: #9e9a98;
  --2026-gray-30: #d2d0cf;
  --2026-gray-10: #faf6f4;

  --2026-white: #fffcfa;
  --2026-black: #111110;
	
  --notice-base-color: #376272;

  /* Spacing */
  --space-xxs: 0.5rem;
  --space-xs: 1rem;
  --space-s: 1.5rem;
  --space-m: 2rem;
  --space-l: 3rem;
  --space-xl: 4rem;
  --space-xxl: 5rem;

  /* Radius */
  --radius-card: 20px;

  /* Shadows */
  --shadow-card: 0 0 20px 0 var(--2026-peach-30);
  --shadow-item-card: 1px 1px 1px 1px var(--2026-peach-30);
}


#fysiobalance-privacy-notice {
	display: none;
    position: fixed;
    left: var(--space-xs);
    right: var(--space-xs);
    top: 7rem;

    max-width: 30rem;
    margin: 0 auto;

    padding: 1rem 1.25rem;

    background: var(--notice-base-color);
    border: 1px solid var(--2026-gray-80);
    border-radius: 12px;

    box-shadow: 0 0 20px 0 var(--2026-gray-50);

    z-index: 9999;
}

#fysiobalance-privacy-notice p {
	color: var(--2026-turquoise-10);
    margin: 0;
}

#fysiobalance-privacy-notice a {
	color: var(--2026-peach-30);
}

#fysiobalance-privacy-notice a:hover {
	color: var(--2026-purple-10);
}

#fysiobalance-privacy-close {
	font-weight: bold;
	text-shadow: 1px 1px 1px var(--2026-gray-30);
	position: absolute;
	top: var(--space-xxs);
	right: var(--space-xxs);
	color: var(--2026-white);
	background: none;
	border: none;
	cursor: pointer;
}

#fysiobalance-privacy-close:focus-visible {
	outline: 5px groove var(--2026-purple-30);
	outline-offset: 2px;
	border-radius: 3px;
	animation: focus-nudge 0.5s;
}