/* Direction Apple épurée : blanc net, typo système, bleu et verre ponctuel. */
:root {
  color-scheme: light;
  --font: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Arial, sans-serif;
  --font-display: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Arial, sans-serif;
  --bg: #ffffff;
  --text: #1d1d1f;
  --muted: #5e626a;
  --accent: #005fcc;
  --accent-hover: #004fa9;
  --link: #005fcc;
  --surface-solid: #ffffff;
  --surface-soft: #f5f5f7;
  --surface-frost: rgb(255 255 255 / 86%);
  --surface-reflection: rgb(255 255 255 / 95%);
  --surface-shadow: 0 14px 44px rgb(29 29 31 / 5%), 0 2px 7px rgb(29 29 31 / 3%);
  --border: #dedee3;
  --line: #dedee3;
  --badge-bg: #f5f5f7;
  --badge-text: #5e626a;
  --input: #ffffff;
  --input-outline: #7c818a;
  --button-bg: #005fcc;
  --button-text: #ffffff;
  --button-hover: #004fa9;
  --success: #17683d;
  --error: #a51f33;
  --radius: 24px;
  --radius-small: 14px;
  --radius-pill: 12px;
  --width: 1200px;
  --gutter: clamp(24px, 5vw, 64px);
  --space-section: clamp(72px, 9vw, 120px);
  --ease: cubic-bezier(.32,.72,0,1);
}
:root[data-theme='dark'] {
  color-scheme: dark;
  --bg: #141416;
  --text: #f5f5f7;
  --muted: #bfc1c8;
  --accent: #9bc6ff;
  --accent-hover: #bfdcff;
  --link: #9bc6ff;
  --surface-solid: #141416;
  --surface-soft: #202024;
  --surface-frost: rgb(34 34 39 / 92%);
  --surface-reflection: rgb(255 255 255 / 12%);
  --surface-shadow: 0 14px 44px rgb(0 0 0 / 18%), 0 2px 7px rgb(0 0 0 / 12%);
  --border: #45454d;
  --line: #45454d;
  --badge-bg: #25252b;
  --badge-text: #bfc1c8;
  --input: #19191d;
  --input-outline: #858b98;
  --button-bg: #005fcc;
  --button-text: #ffffff;
  --button-hover: #004fa9;
  --success: #91e3b2;
  --error: #ffacb9;
}