:root {
  /* Fonts — same family used across finardi.me, no serif */
  --font-serif: 'PT Sans', sans-serif;
  --font-sans: 'PT Sans', sans-serif;

  /* Base colors — same white/blue identity as finardi.me */
  --color-page-bg: #ffffff;
  --color-dark: #141414;
  --color-text: #222222;

  /* Secondary text — three stops of the same neutral gray (finardi.me uses #666) */
  --color-text-secondary-38: #454545;
  --color-text-secondary-40: #595959;
  --color-text-secondary-48: #666666;

  /* Accent — finardi.me's blue pair (dark blue emphasis + bright cyan-blue highlight) */
  --color-accent: #00569e;
  --color-accent-light: #00b5f8;
  --gradient-accent: linear-gradient(90deg, var(--color-accent), var(--color-accent-light));

  /* Borders */
  --color-border: #e5e5e5;
  --color-border-strong: #e2e2e2;
  --color-border-soft: #ececec;

  /* Text over accent-colored surfaces */
  --color-on-accent: #ffffff;

  /* Surfaces */
  --color-card-bg: #ffffff;
  --color-spec-bg: #f4f7fa;
  --color-spec-border: #e2e8ee;
  --color-pill-link-border: rgba(0, 0, 0, 0.15);

  /* Header (now on a white background, like finardi.me's) */
  --color-header-text: #1a1a1a;
  --color-header-icon: #1a1a1a;
  --color-header-border: rgba(0, 0, 0, 0.12);

  /* Photo box (still dark — product photography contrast, not a brand color) */
  --color-photo-glow: rgba(255, 255, 255, 0.06);
  --color-placeholder-text: rgba(255, 255, 255, 0.42);

  /* CTA hover */
  --color-cta-hover: #003f75;

  /* Shadows */
  --shadow-header: 0 1px 0 rgba(0, 0, 0, 0.06);
  --shadow-card: 0 1px 2px rgba(0, 0, 0, 0.03);
  --shadow-card-hover: 0 14px 32px rgba(0, 0, 0, 0.1);

  /* Radii */
  --radius-card: 8px;
  --radius-button: 5px;
  --radius-spec: 5px;
  --radius-pill: 999px;

  /* Selection */
  --color-selection: rgba(0, 181, 248, 0.25);
}