/* tokens/colors.css */
:root{
/* Official Rotary palette — exact values, do not alter */
--rotary-royal-blue:#17458F; /* primary: wordmark, headings */
--rotary-azure:#019CDD; /* secondary/accent */
--rotary-gold:#F7A81B; /* gearwheel color; accents & highlights only */
--rotary-sky-blue:#009DDC; /* tagline */
--rotary-gray:#58595B; /* secondary text, dividers */
--rotary-white:#FFFFFF;
/* Derived tints (screen use: light surfaces; never recolor the logo) */
--royal-blue-700:#0F3268; /* hover/pressed of royal blue */
--azure-600:#0080B8; /* hover of azure; azure is decorative-only on white text */
--gold-600:#DE8F0A; /* hover of gold */
--royal-tint-10:#E8ECF4;
--royal-tint-5:#F3F6FA;
--azure-tint-10:#E6F5FC;
--gold-tint-15:#FDF2DC;
/* Neutrals (derived from Rotary gray) */
--gray-900:#3A3B3D; /* long-form body ink */
--gray-700:var(--rotary-gray);
--gray-400:#A9AAAC;
--gray-200:#DDDEDF;
--gray-100:#EFEFF0;
--gray-50:#F7F7F8;
/* Semantic aliases */
--text-heading:var(--rotary-royal-blue);
--text-body:var(--gray-900);
--text-secondary:var(--rotary-gray);
--text-tagline:var(--rotary-sky-blue);
--text-on-dark:var(--rotary-white);
--link:var(--rotary-royal-blue);
--link-hover:var(--rotary-azure);
--surface-page:var(--rotary-white);
--surface-card:var(--rotary-white);
--surface-tint:var(--royal-tint-5);
--surface-band:var(--rotary-royal-blue); /* solid color block */
--border:var(--gray-200);
--border-strong:var(--gray-400);
--divider:var(--gray-400); /* thin vertical divider, as in the lockup */
--focus-ring:var(--rotary-azure);
/* Semantic status (tinted from palette) */
--success:#2E7D46;
--danger:#B3261E;
}

/* tokens/typography.css */
:root{
--font-sans:'Open Sans',Arial,'Helvetica Neue',sans-serif;
--weight-regular:400;--weight-semibold:600;--weight-bold:700;--weight-extrabold:800;
/* Scale */
--text-display:44px;--lh-display:1.1; /* @kind other */
--text-h1:36px;--lh-h1:1.15; /* @kind other */
--text-h2:28px;--lh-h2:1.2; /* @kind other */
--text-h3:22px;--lh-h3:1.3; /* @kind other */
--text-h4:18px;--lh-h4:1.35; /* @kind other */
--text-body-lg:18px;--text-body-size:16px;--lh-body:1.6; /* @kind other */
--text-small:14px;--text-caption:12px;--lh-tight:1.4; /* @kind other */
--tracking-caps:0.06em;--tracking-tagline:0.02em;
}
body{font-family:var(--font-sans);color:var(--text-body);font-size:var(--text-body-size);line-height:var(--lh-body);-webkit-font-smoothing:antialiased}
h1,h2,h3,h4{color:var(--text-heading);font-weight:var(--weight-bold);margin:0}
a{color:var(--link);text-decoration:underline;text-underline-offset:2px}
a:hover{color:var(--link-hover)}

/* tokens/spacing.css */
:root{
--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px;--space-8:64px;--space-9:96px;
--radius-none:0;--radius-sm:2px;--radius-md:4px;--radius-lg:8px;--radius-full:999px;
--container-max:1120px;--content-max:720px;
/* Logo clear space: min = height of the "R" in Rotary ≈ 25% of lockup height */
--logo-clearspace:0.25; /* @kind other */
--logo-min-width:180px;
}

/* tokens/effects.css */
:root{
--shadow-card:0 1px 3px rgba(23,69,143,0.10),0 1px 2px rgba(23,69,143,0.06);
--shadow-raised:0 4px 12px rgba(23,69,143,0.12);
--shadow-overlay:0 12px 32px rgba(23,69,143,0.18);
--border-hairline:1px solid var(--border);
--rule-gold:3px solid var(--rotary-gold); /* short horizontal accent rule under headings */
--photo-overlay-light:linear-gradient(90deg,rgba(255,255,255,.94) 0%,rgba(243,246,250,.85) 52%,rgba(243,246,250,.25) 100%); /* @kind other */
--photo-overlay-dark:linear-gradient(90deg,rgba(15,50,104,.78) 0%,rgba(15,50,104,.45) 60%,rgba(15,50,104,.15) 100%); /* @kind other */
--transition-fast:120ms ease; /* @kind other */
--transition-base:200ms ease; /* @kind other */
--focus-outline:2px solid var(--focus-ring);--focus-offset:2px;
}

/* styles.css */


/* placeholders de foto ainda nao enviada */
.foto-pendente{position:relative;background:var(--surface-tint);border:1px solid var(--border);
  display:flex;align-items:center;justify-content:center;overflow:hidden}
.foto-pendente--cena::after{content:"";position:absolute;inset:0;
  background:url('/assets/rotary-rio-comprido-lockup.png') center/min(45%,180px) no-repeat;opacity:.3}
.foto-pendente--retrato{background:var(--royal-blue-050,var(--surface-tint))}
.foto-pendente--retrato span{font-weight:800;color:var(--rotary-royal-blue);
  font-size:clamp(14px,38%,30px);letter-spacing:.02em}