/* ==========================================================================
   Cakes by Hamdha — brand tokens
   --------------------------------------------------------------------------
   Change the colours and fonts of the whole site from this one file.
   Colours are sampled from the logo (teal → rose gradient).
   The future admin portal's "Brand" settings will write to these same tokens.
   ========================================================================== */

:root {
  /* Logo colours */
  --brand-teal: #88bfbc;
  --brand-rose: #bf968b;
  --brand-gradient: linear-gradient(90deg, var(--brand-teal), var(--brand-rose));

  /* Deeper versions used for text and buttons (readable on light backgrounds) */
  --accent: #4f8986;
  --accent-2: #9a6c61;

  /* Light theme surfaces */
  --bg: #fbf8f5;
  --surface: #f3ede8;
  --ink: #2a2725;
  --muted: #6e6762;
  --line: rgba(42, 39, 37, 0.12);
  --btn-bg: #2a2725;
  --btn-ink: #fbf8f5;

  /* Typography */
  --font-display: "Fraunces", Georgia, "Times New Roman", serif;
  --font-body: "Jost", "Helvetica Neue", Arial, sans-serif;

  --radius: 999px;
}

/* Dark theme: follows the device setting unless the visitor picks one */
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --accent: #9fd0cc;
    --accent-2: #d8b0a5;
    --bg: #161413;
    --surface: #201d1b;
    --ink: #f1ece7;
    --muted: #a39b95;
    --line: rgba(241, 236, 231, 0.12);
    --btn-bg: #f1ece7;
    --btn-ink: #161413;
  }
}

:root[data-theme="dark"] {
  --accent: #9fd0cc;
  --accent-2: #d8b0a5;
  --bg: #161413;
  --surface: #201d1b;
  --ink: #f1ece7;
  --muted: #a39b95;
  --line: rgba(241, 236, 231, 0.12);
  --btn-bg: #f1ece7;
  --btn-ink: #161413;
}