/* ==========================================================================
   Aquaponia — V2 theme layer (APP-LEVEL, editable)
   --------------------------------------------------------------------------
   The APPROVED design ("index-new.html" / v2) as a pure TOKEN SWAP over the
   design-system defaults. This file is the concrete demonstration of the
   handoff's propagation model: the base tokens come from css/tokens.css (a
   copy of the design system's v1-canonical tokens, produced by
   scripts/sync-design.sh), and this layer re-points them to the v2 values.

   WHY THIS EXISTS:
   The design folder is replace-only (synced from the design tool) and is not
   served — css/tokens.css is its served copy. When the design system is
   re-exported with v2 promoted into tokens/colors.css, this file becomes
   redundant and can be deleted — the site will look identical. Until then,
   this is where the v2 palette lives.

   Loaded AFTER css/tokens.css so it wins the cascade.
   Never hardcode a hex that exists here — always var(--token).
   ========================================================================== */

:root {
  /* ---- Base palette promoted to v2 (overrides the design defaults) ---- */
  --mud: #232b2c;          /* darker body ink */
  --dark-moss: #1a2122;    /* darker deep surface (tabs, dark bands) */
  --moss: #12506a;         /* olive section fills → ocean 700 */
  --frog: #79b23e;         /* acid lime → leaf green accent */
  --banana: #8fce55;       /* dark-surface eyebrows → light leaf */
  --orange: #e2553c;       /* universal hover color → dark guava */
  --yellow-green: #5da728; /* on-white highlight green */

  /* ---- New v2 palette tokens (promote into tokens/colors.css on re-export) ---- */
  --ocean-900: #0c2b36;
  --ocean-700: #12506a;
  --ocean-500: #1e7d9e;
  --ocean-300: #5fb3c9;
  --ocean-accent: #35a1c4;

  --leaf: #79b23e;
  --leaf-dark: #659a2f;
  --leaf-light: #8fce55;
  --leaf-on-white: #5da728;

  --guava: #fa6a52;
  --guava-dark: #e2553c;

  /* Muted text tuned for the v2 dark ocean/ink surfaces */
  --color-ink-muted-on-dark: #c3cdc9;

  /* ---- Semantic aliases retargeted for v2 ---- */
  --color-accent-primary: var(--guava);     /* main CTA */
  --color-accent-secondary: var(--guava-dark);
  --color-accent-warm: var(--leaf);

  /* v2 pillar mapping: Circuitos=ocean-accent, Ciclagem=guava, Cuidados=leaf-light */
  --color-pillar-circuitos: var(--ocean-accent);
  --color-pillar-ciclagem: var(--guava);
  --color-pillar-cuidados: var(--leaf-light);

  /* ---- Composed v2 backgrounds (referenced by section classes) ---- */
  --hero-bg:
    radial-gradient(ellipse 1100px 560px at 72% 0%, rgba(95,179,201,.28), transparent 60%),
    linear-gradient(165deg, rgba(12,43,54,.93) 0%, rgba(18,80,106,.85) 62%, rgba(30,125,158,.72) 130%),
    url("/assets/img/herobg-1600.png") 50% 50% / cover;

  --pricing-bg:
    linear-gradient(170deg, rgba(12,43,54,.94), rgba(18,80,106,.86)),
    var(--ocean-700);

  --pilares-bg:
    radial-gradient(ellipse 900px 500px at 50% 0%, rgba(255,255,255,.05), transparent 60%),
    var(--dark-moss);

  --strip-bg: linear-gradient(90deg, var(--ocean-500), var(--leaf) 50%, var(--guava));

  /* v2 button lift + shadow (v1 was color-only; v2 adds a subtle rise) */
  --btn-hover-shadow: 0 10px 22px -8px rgba(12,43,54,.45);
  --shadow-card-lift: 0 26px 44px -16px rgba(12,43,54,.4);
  --shadow-card-rest: 0 12px 26px -16px rgba(12,43,54,.28);
}