/* Shine & Go — Effects: arch, stone texture, shadows, gradients, motion.
   "O arco é a página." Matte stone surfaces; soft, warm, continuous shadows.
   Never cold gray, never a hard 3D bevel. */

:root {
  /* ---- Arch (o motivo) ----
     A moldura-arco nasce de cantos superiores arredondados em ~50% da largura.
     Use: border-radius: var(--arch-top) var(--arch-top) var(--radius-md) var(--radius-md); */
  --arch-top: 9999px; /* @kind radius */          /* topo em arco (limitado pela largura) */
  --arch-soft: 48%; /* @kind other */            /* arco mais raso (proporção) */
  --arch-foot: var(--radius-md); /* @kind radius */

  /* ---- Stone texture (grão sutil, monocromático) ---- */
  --tex-grain: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23n)' opacity='0.05'/%3E%3C/svg%3E"); /* @kind other */

  /* ---- Shadows (soft, warm, matte) ---- */
  --shadow-sm: 0 1px 2px rgba(43, 38, 32, 0.05), 0 2px 6px rgba(43, 38, 32, 0.06);
  --shadow-md: 0 10px 30px rgba(43, 38, 32, 0.10), 0 3px 10px rgba(43, 38, 32, 0.06);
  --shadow-lg: 0 26px 60px rgba(43, 38, 32, 0.16), 0 8px 20px rgba(43, 38, 32, 0.08);
  /* On charcoal niches, lift with depth instead of a dark drop */
  --shadow-on-dark: 0 24px 70px rgba(0, 0, 0, 0.45);
  --glow-caramel: 0 0 0 1px rgba(169, 94, 56, 0.30), 0 10px 30px rgba(169, 94, 56, 0.18); /* @kind shadow */

  /* ---- Gradients ---- */
  /* Charcoal niche depth (hornacina iluminada) */
  --grad-charcoal: linear-gradient(165deg, #38322e 0%, #2a2420 55%, #1f1a16 100%); /* @kind color */
  /* Stone page warmth */
  --grad-travertine: linear-gradient(180deg, #efe7d8 0%, #e7ddcd 100%); /* @kind color */
  --grad-marble: linear-gradient(180deg, #fbfaf5 0%, #f5f2eb 100%); /* @kind color */
  /* Caramel button sheen */
  --grad-caramel: linear-gradient(135deg, #c0703f 0%, #a95e38 55%, #8a4a28 100%); /* @kind color */
  /* Aged bronze sheen (the star, the arch keystone) */
  --grad-bronze: linear-gradient(135deg, #a6855c 0%, #8c6b43 45%, #6b5234 100%); /* @kind color */
  /* Aegean light wash (a single saturated color per frame) */
  --grad-aegean: linear-gradient(160deg, #3e86a0 0%, #2c6e85 55%, #214f60 100%); /* @kind color */

  /* ---- Motion — sereno, sem pressa ---- */
  --ease-out: cubic-bezier(0.22, 1, 0.36, 1); /* @kind other */   /* gentle settle — default */
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1); /* @kind other */
  --dur-fast: 160ms; /* @kind other */
  --dur-base: 280ms; /* @kind other */
  --dur-slow: 620ms; /* @kind other */      /* reveals — calmas */

  /* ---- Hover / press conventions ----
     Pedra clara: caramelo escurece levemente; press encolhe para 0.985.
     Nicho escuro: bronze/caramelo ganham brilho quente; CTA caramelo → --accent-strong. */
}