/*
  VILLA COLONNA MOMBELLO – Branding
  ---------------------------------
  All colours and fonts are defined here and only here.
  Once the design of the new website is final, replace the values below
  (colours, --font-display / --font-body).
*/
:root {
  --brand-name: "Villa Colonna Mombello";

  --font-display: "Cormorant Garamond", "Cormorant", Georgia, "Times New Roman", serif;
  --font-body: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;

  /* Placeholder palette: limestone, olive, terracotta */
  --bg: #f7f4ee;
  --surface: #ffffff;
  --surface-2: #efeae0;
  --line: #e2dbcd;
  --text: #2b2822;
  --text-muted: #6f685c;
  --accent: #5d6b3f;          /* Olive */
  --accent-strong: #46522e;
  --accent-contrast: #ffffff;
  --accent-soft: #e6e9da;
  --highlight: #b5653f;       /* Terrakotta */
  --mark: #f3dfae;
  --danger: #a33a2a;

  --radius: 10px;
  --shadow: 0 1px 2px rgba(43, 40, 34, .06), 0 4px 16px rgba(43, 40, 34, .05);
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --bg: #1b1a17;
    --surface: #24221e;
    --surface-2: #2d2a25;
    --line: #3a362f;
    --text: #ece6da;
    --text-muted: #a69e8f;
    --accent: #a9b886;
    --accent-strong: #c3d0a1;
    --accent-contrast: #1b1a17;
    --accent-soft: #343a28;
    --highlight: #d98a63;
    --mark: #5c4a20;
    --danger: #e07a68;
    --shadow: 0 1px 2px rgba(0,0,0,.3);
  }
}
:root[data-theme="dark"] {
  --bg: #1b1a17;
  --surface: #24221e;
  --surface-2: #2d2a25;
  --line: #3a362f;
  --text: #ece6da;
  --text-muted: #a69e8f;
  --accent: #a9b886;
  --accent-strong: #c3d0a1;
  --accent-contrast: #1b1a17;
  --accent-soft: #343a28;
  --highlight: #d98a63;
  --mark: #5c4a20;
  --danger: #e07a68;
  --shadow: 0 1px 2px rgba(0,0,0,.3);
}