:root {
  /* ── Brand palette ── */
  --ocean:    #548F8F;
  --turq:     #5FB2B2;
  --terra:    #E8905A;
  --sand:     #F2EBE1;
  --sky:      #A6D8D8;
  --whatsapp: #25D366;

  /* ── Ocean tints ── */
  --ocean-90: rgba(84, 143, 143, 0.90);
  --ocean-60: rgba(84, 143, 143, 0.60);
  --ocean-40: rgba(84, 143, 143, 0.40);
  --ocean-15: rgba(84, 143, 143, 0.15);
  --ocean-08: rgba(84, 143, 143, 0.08);

  /* ── Photo overlays ── */
  --overlay-fill:   rgba(58, 100, 100, 0.68);
  --overlay-left:   linear-gradient(to right, rgba(58,100,100,0.80) 0%, rgba(58,100,100,0) 100%); /* @kind color */
  --overlay-dark:   rgba(30, 70, 70, 0.80);

  /* ── Semantic aliases ── */
  --color-bg:           var(--sand);
  --color-surface:      #FFFFFF;
  --color-surface-dark: var(--ocean);
  --color-text:         var(--ocean);
  --color-text-inv:     var(--sand);
  --color-accent:       var(--terra);
  --color-accent-2:     var(--turq);
  --color-muted:        var(--ocean-40);
  --color-divider:      var(--ocean-15);
}