/* Shine & Go — Color system · "Mármore & Mel — O Templo Sereno" (Manual ed. 02 — hexes oficiais)
   Pedra clara domina (60–70%). Caramelo e azul Egeu como acentos — um por seção,
   nunca os dois gritando juntos. Bronze só em detalhes e botões, nunca em texto longo.
   Carvão no texto. */

:root {
  /* ---- Pedra (superfícies claras) ---- */
  --sg-marble: #f5f2eb;        /* Mármore — Pantone 9224 C */
  --sg-travertine: #e7ddcd;    /* Travertino — base, paredes e pedra · Pantone 9183 C */
  --sg-plaster: #fbfaf5;       /* Gesso — quase-branco, cards sobre travertino */
  --sg-travertine-deep: #d3c6ae; /* sombra do travertino — fios, bordas no claro */

  /* ---- Acento quente · Caramelo / Mel (couro, âncora) · Pantone 167 C ---- */
  --sg-caramel: #a95e38;       /* CTA primário + acento */
  --sg-caramel-soft: #c0703f;  /* hover mais claro */
  --sg-caramel-deep: #8a4a28;  /* pressionado */
  --sg-honey: #c8843f;         /* caramelo legivel sobre carvão (seções escuras) */

  /* ---- Acento profundo · Azul Egeu (o mar) · Pantone 7700 C ---- */
  --sg-aegean: #2c6e85;        /* acento frio sobre pedra clara */
  --sg-aegean-soft: #3e86a0;
  --sg-aegean-deep: #214f60;

  /* ---- Bronze (metais e detalhes, botões, arcos, ícones) · Pantone 7505 C ---- */
  --sg-bronze: #8c6b43;
  --sg-bronze-soft: #a6855c;
  --sg-bronze-deep: #6b5234;

  /* ---- Carvão (texto + nichos escuros) · Pantone Black 4 ---- */
  --sg-charcoal: #2a2420;
  --sg-charcoal-deep: #1f1a16;
  --sg-charcoal-soft: #443c34;

  /* ---- Semantic aliases ---- */
  /* Surfaces */
  --surface-light: var(--sg-travertine);
  --surface-light-2: var(--sg-marble);
  --surface-card-light: var(--sg-plaster);
  --surface-dark: var(--sg-charcoal);
  --surface-dark-deep: var(--sg-charcoal-deep);
  --surface-card-dark: #38322a;

  /* Text on light (stone) */
  --text-on-light: var(--sg-charcoal);
  --text-on-light-muted: #5f564a;
  /* Text on dark (niche) */
  --text-on-dark: var(--sg-marble);
  --text-on-dark-muted: #c9bead;

  /* Accents */
  --accent: var(--sg-caramel);          /* the warm anchor — CTA */
  --accent-strong: var(--sg-caramel-deep);
  --accent-on-dark: var(--sg-honey);    /* caramel that reads on charcoal */
  --accent-cool: var(--sg-aegean);      /* the second accent — the sea */
  --accent-detail: var(--sg-bronze);    /* bronze for arches, lines, icons */
  --accent-text-on: var(--sg-marble);   /* text that sits on a caramel fill */

  /* Lines / borders */
  --line-on-light: var(--sg-travertine-deep);
  --line-on-dark: rgba(245, 239, 227, 0.14);
  --hairline-bronze: var(--sg-bronze);

  /* Focus ring */
  --focus-ring: rgba(169, 94, 56, 0.45);

  /* Star / rating ornament */
  --star: var(--sg-caramel);
}
