/* Coral Reef Restoration — About page overrides
   Inherits the yf-* component vocabulary from index.css.
   Most layout styling for showcase/initiatives/programs is inline in the page.
   This sheet defines the ocean-teal accent and minor brand-tinted overrides
   so the page reads as part of the YF coral-restoration set without
   breaking the YF tan/blue brand. */

:root {
    --crr-accent: #BE9A78;
    --crr-accent-light: #d4b896;
    --crr-accent-soft: rgba(190, 154, 120, 0.12);
    --crr-accent-soft-2: rgba(190, 154, 120, 0.05);
    --crr-accent-border: rgba(190, 154, 120, 0.3);
}

/* Hero badge inherits StrongHER's glassy-white style from index.css —
   no override here. */

/* Story-section badge */
.yf-story-badge {
    background: linear-gradient(135deg, var(--crr-accent-soft), var(--crr-accent-soft-2));
    border: 1px solid var(--crr-accent-border);
    color: var(--crr-accent);
}

/* Story CTA inherits the base white-on-blue pill style from index.css —
   no override here. */

/* Programs section badge */
.yf-programs-badge {
    background: linear-gradient(135deg, var(--crr-accent-soft), var(--crr-accent-soft-2));
    border: 1px solid var(--crr-accent-border);
    color: var(--crr-accent);
}

/* Program card title accent (subtle teal underline already handled
   by index.css; ensure title color stays on YF-brand dark) */