/* Composição 1 — Ametista acetinado · violeta oficial + cinza quente */

@import url("https://fonts.googleapis.com/css2?family=Lato:wght@300;400;700&family=Playfair+Display:ital,wght@0,400;0,500;0,600;0,700;1,400&display=swap");

:root {
  --violet-deep: #1a1744;
  --violet-main: #26215c;
  --violet-accent: #534ab7;
  --violet-mid: #7f77dd;
  --violet-soft: #afa9ec;
  --violet-base: #ddd8f0;

  --gray-deep: #2c2c2a;
  --gray-dark: #5f5e5a;
  --gray-mid: #888780;
  --gray-light: #b0aebc;
  --gray-soft: #d4d2de;
  --gray-base: #eceaf2;

  --bg: var(--gray-base);
  --bg-elevated: #f5f4fa;
  --bg-card: rgba(250, 249, 253, 0.97);
  --surface-input: #f2f1f7;
  --border: rgba(38, 33, 92, 0.12);
  --text: var(--gray-deep);
  --text-muted: var(--gray-mid);
  --accent: var(--violet-main);
  --accent-light: var(--violet-mid);
  --accent-dim: rgba(83, 74, 183, 0.1);
  --gradient: linear-gradient(
    145deg,
    var(--violet-mid) 0%,
    var(--violet-accent) 40%,
    var(--violet-main) 100%
  );
  --gradient-soft: linear-gradient(
    180deg,
    #e6e4f0 0%,
    var(--gray-base) 50%,
    #eae8f0 100%
  );
  --hero-glow-a: rgba(127, 119, 221, 0.18);
  --hero-glow-b: rgba(230, 228, 242, 0.5);
  --section-alt-bg: rgba(228, 224, 240, 0.4);
  --font-serif: "Playfair Display", Georgia, serif;
  --font-sans: "Lato", -apple-system, sans-serif;
  --radius: 6px;
  --radius-lg: 12px;
  --shadow: 0 8px 32px rgba(26, 23, 68, 0.09), inset 0 1px 0 rgba(255, 255, 255, 0.35);
  --header-h: 112px;
  --header-scrolled-bg: rgba(245, 244, 250, 0.97);
  /* Logo proporcional ao header (manual ACS · escala editorial) */
  --logo-mark-size: clamp(3.25rem, 6.2vw, 3.75rem);
  --logo-acs-font: clamp(1rem, 1.85vw, 1.25rem);
  --logo-line-1: clamp(1rem, 1.75vw, 1.125rem);
  --logo-line-2: clamp(1.125rem, 2vw, 1.3125rem);
  --logo-tagline: clamp(0.75rem, 1.25vw, 0.8125rem);
  --logo-footer-scale: 0.92;
}