/* DOLOMITESCONNECT - Design tokens (light + dark) */

:root {
  /* Typography */
  --font-heading: 'Archivo', 'Manrope', sans-serif;
  --font-body: 'Archivo', 'Manrope', sans-serif;

  /* Brand colors: un solo giallo in tutto il sito (logo compreso) */
  --clay-yellow: #FFB600;
  --clay-yellow-dark: #845100; /* stessa tonalita', scurita' per testo/gradient leggibili su bianco */
  --clay-yellow-light: #FCEEDA;
  --clay-purple: #6D3FC2;
  --clay-purple-dark: #3d206f;
  --clay-purple-light: #EAE1FA;

  /* Surfaces */
  --clay-base: #F3F5F9;
  --clay-surface: #FFFFFF;
  --bg-body: #F4F6FA;
  --bg-alt: #EBEEF3;
  --bg-dark-footer: #1D1F27;

  /* Text */
  --text-primary: #22242E;
  --text-secondary: #5B5F6B;
  --text-muted: #8B90A0;
  --text-on-color: #FFFFFF;

  /* Clay shadows */
  --shadow-light: rgba(255, 255, 255, 0.75);
  --shadow-dark: rgba(163, 177, 198, 0.55);
  --shadow-dark-strong: rgba(148, 163, 184, 0.65);

  /* Decorative icons */
  --icon-decor-color: rgba(34, 36, 46, 0.09);

  /* Decorative background lines (sezioni senza icone) */
  --line-decor-color: rgba(34, 36, 46, 0.12);
  --line-decor-color-on-color: rgba(255, 255, 255, 0.14);

  /* Radii */
  --radius-sm: 14px;
  --radius-md: 22px;
  --radius-lg: 32px;
  --radius-xl: 42px;
  --radius-full: 999px;

  /* Layout */
  --container-width: 1200px;
  --header-height: 63px;
  --overnav-height: 40px;

  --transition: 0.25s ease;
  --transition-slow: 0.45s cubic-bezier(.22,.61,.36,1);
}

[data-theme="dark"] {
  --clay-base: #20222C;
  --clay-surface: #262835;
  --bg-body: #1B1D26;
  --bg-alt: #23252F;
  --bg-dark-footer: #14151B;

  --text-primary: #F2F3F7;
  --text-secondary: #ABB0BE;
  --text-muted: #74798A;

  --shadow-light: rgba(255, 255, 255, 0.045);
  --shadow-dark: rgba(0, 0, 0, 0.55);
  --shadow-dark-strong: rgba(0, 0, 0, 0.7);

  --icon-decor-color: rgba(255, 255, 255, 0.09);
  --line-decor-color: rgba(255, 255, 255, 0.10);

  --clay-yellow-light: rgba(255, 182, 0, 0.16);
  --clay-purple-light: rgba(109, 63, 194, 0.18);
}