/* Clínica da Coluna — Color tokens
   Sampled directly from the brand's social artboards.
   Navy is the anchor; royal + sky blue carry energy; gold is the 20-anos / premium accent. */
:root{
  /* ---- Brand blues (base ramp) ---- */
  --blue-950:#041E4C; /* deepest navy — full-bleed backgrounds */
  --blue-900:#072E6B; /* primary brand navy */
  --blue-800:#0A3B86; /* navy panels */
  --blue-700:#0B4D9E; /* gradient mid */
  --blue-600:#0B56B3; /* royal blue */
  --blue-500:#0D67B5; /* bright royal */
  --blue-400:#2E90D6; /* azure */
  --blue-300:#4CB5E5; /* sky accent (headline emphasis) */
  --blue-200:#62BFE0; /* light cyan (illustrations, highlights) */
  --blue-100:#BFE3F4; /* pale blue wash */
  --blue-50:#EAF4FB;  /* faintest blue tint */

  /* ---- Gold (anniversary / premium) ---- */
  --gold-600:#B8843A;
  --gold-500:#E0B04E; /* primary gold */
  --gold-300:#F0D08A; /* highlight */

  /* ---- Neutrals ---- */
  --neutral-000:#FFFFFF;
  --neutral-50:#F5F6F8;  /* off-white surface */
  --neutral-100:#E8E9EB; /* light gray */
  --neutral-200:#D5D8DC;
  --neutral-300:#B4BAC0; /* mid gray */
  --neutral-400:#8A9099;
  --neutral-500:#5C636B;
  --neutral-600:#414852; /* slate */
  --neutral-700:#363E47; /* charcoal chip */
  --neutral-800:#24282E;
  --neutral-900:#16181C; /* near-black */
  --black:#000000;

  /* ---- Semantic aliases ---- */
  --color-brand:var(--blue-900);
  --color-brand-strong:var(--blue-950);
  --color-royal:var(--blue-600);
  --color-accent:var(--blue-300);   /* the signature bright-blue emphasis */
  --color-accent-soft:var(--blue-200);
  --color-gold:var(--gold-500);

  --surface-page:var(--neutral-50);
  --surface-card:var(--neutral-000);
  --surface-inverse:var(--blue-900);   /* navy hero/section */
  --surface-inverse-deep:var(--blue-950);
  --surface-chip:var(--neutral-700);   /* dark emphasis chip */
  --surface-muted:var(--neutral-100);

  --text-strong:var(--blue-900);
  --text-body:var(--neutral-700);
  --text-muted:var(--neutral-500);
  --text-on-dark:var(--neutral-000);
  --text-on-dark-muted:rgba(255,255,255,.72);
  --text-accent:var(--blue-500);
  --text-link:var(--blue-600);

  --border-subtle:var(--neutral-200);
  --border-strong:var(--neutral-300);
  --border-on-dark:rgba(255,255,255,.24);

  --focus-ring:var(--blue-300);

  /* signature gradients seen across the posts */
  --gradient-navy:linear-gradient(135deg,var(--blue-950) 0%,var(--blue-800) 55%,var(--blue-500) 120%);
  --gradient-royal:linear-gradient(135deg,var(--blue-700) 0%,var(--blue-400) 100%);
  --gradient-gold:linear-gradient(180deg,var(--gold-300) 0%,var(--gold-500) 45%,var(--gold-600) 100%);
}