:root {
  --brand: #c5311e;
  --dark: #1f1f1f;
  --text: #333;
  --muted: #6b6b6b;
  --bg: #f5f6f7;
  --shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
  --radius: 18px;
  --container: 1200px;

  /* Inline SVG flags (DE/FR/GB) */
  --flag-de: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 3 2'><rect width='3' height='2' fill='%23000'/><rect y='0.6667' width='3' height='0.6667' fill='%23DD0000'/><rect y='1.3333' width='3' height='0.6667' fill='%23FFCE00'/></svg>");
  --flag-fr: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 3 2'><rect width='1' height='2' fill='%230035A9'/><rect x='1' width='1' height='2' fill='%23ffffff'/><rect x='2' width='1' height='2' fill='%23EF4135'/></svg>");
  --flag-gb: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 60 30'><clipPath id='c'><path d='M0,0 v30 h60 v-30 z'/></clipPath><g clip-path='url(%23c)'><path d='M0,0 v30 h60 v-30 z' fill='%2301286A'/><path d='M0,0 60,30 M60,0 0,30' stroke='%23ffffff' stroke-width='6'/><path d='M0,0 60,30 M60,0 0,30' stroke='%23C8102E' stroke-width='4' stroke-linecap='square'/><path d='M30,0 v30 M0,15 h60' stroke='%23ffffff' stroke-width='10'/><path d='M30,0 v30 M0,15 h60' stroke='%23C8102E' stroke-width='6'/></g></svg>");
}


