/* Colour — sampled pixel-exact from Logo.jpg, "Paleta de Cores.png"
   and "Capa LinkedIn.png". The six palette values are the only sources of
   truth; every scale step below is a tint/shade of one of them. */
:root{
  /* ---- palette anchors (do not alter) ---- */
  --lime-500:#a9cf46;      /* logo outer ring / palette swatch */
  --indigo-600:#3e4093;    /* logo inner ring + caduceus */
  --lilac-400:#9c98ca;     /* logo lilac leaf / palette swatch */
  --navy-900:#1e1d44;      /* palette swatch, social backgrounds */
  --slate-600:#435968;     /* palette swatch, petrol grey-blue */
  --sage-300:#a9c2b2;      /* palette swatch, muted green-grey */
  --lime-bright:#baf66f;   /* highlight lime, LinkedIn cover accent text */
  --plum-950:#120430;      /* deepest social-gradient stop */

  /* ---- lime (primary accent / growth) ---- */
  --lime-50:#f5faea;
  --lime-100:#eaf4d3;
  --lime-200:#d7ebab;
  --lime-300:#c3e181;
  --lime-400:#b6d863;
  --lime-600:#93b834;
  --lime-700:#75932a;
  --lime-800:#566d20;
  --lime-900:#3a4a17;

  /* ---- indigo (brand blue / links, trust) ---- */
  --indigo-50:#eeeff8;
  --indigo-100:#dcdef1;
  --indigo-200:#b9bde3;
  --indigo-300:#9298d2;
  --indigo-400:#6b72bd;
  --indigo-500:#5054a6;
  --indigo-700:#33357a;
  --indigo-800:#282a60;
  --indigo-900:#1e2049;

  /* ---- lilac (secondary, soft support) ---- */
  --lilac-50:#f4f4fa;
  --lilac-100:#eaeaf6;
  --lilac-200:#d5d4eb;
  --lilac-300:#b9b7dc;
  --lilac-500:#807bb8;
  --lilac-600:#6660a0;
  --lilac-700:#514c80;

  /* ---- navy / ink (headlines, dark surfaces) ---- */
  --navy-700:#3a3868;
  --navy-800:#2a2955;
  --navy-950:#141330;

  /* ---- slate & neutrals (text, borders, surfaces) ---- */
  --slate-50:#f6f7f9;
  --slate-100:#eceff2;
  --slate-200:#dde2e7;
  --slate-300:#c3ccd4;
  --slate-400:#93a2ad;
  --slate-500:#5f7686;
  --slate-700:#364854;
  --slate-800:#28353e;
  --white:#ffffff;

  /* ---- sage (calm surfaces, "em dia" states) ---- */
  --sage-50:#f2f7f4;
  --sage-100:#e4efe8;
  --sage-200:#c9dfd2;
  --sage-400:#8aab96;
  --sage-600:#5f8570;

  /* ---- status (amber & red derived to sit beside the palette) ---- */
  --amber-100:#fdf0cf;
  --amber-500:#e0a200;
  --amber-700:#9a6f00;
  --red-100:#fbe3e0;
  --red-500:#c14a3c;
  --red-700:#8d2f24;

  /* ================= semantic aliases ================= */
  --text-strong:var(--navy-900);
  --text-body:var(--slate-700);
  --text-muted:var(--slate-500);
  --text-subtle:var(--slate-400);
  --text-on-dark:var(--white);
  --text-on-dark-muted:#c9c8de;
  --text-on-accent:var(--navy-900);
  --text-link:var(--indigo-600);
  --text-link-hover:var(--indigo-800);

  --surface-page:var(--slate-50);
  --surface-card:var(--white);
  --surface-sunken:var(--slate-100);
  --surface-ink:var(--navy-900);
  --surface-ink-soft:var(--navy-800);
  --surface-accent-soft:var(--lime-50);
  --surface-brand-soft:var(--indigo-50);
  --surface-calm:var(--sage-50);
  --surface-overlay:rgba(20,19,48,.55);

  --border-subtle:var(--slate-200);
  --border-default:var(--slate-300);
  --border-strong:var(--slate-400);
  --border-accent:var(--lime-500);
  --border-on-dark:rgba(255,255,255,.16);

  --accent:var(--lime-500);
  --accent-hover:var(--lime-600);
  --accent-active:var(--lime-700);
  --brand:var(--indigo-600);
  --brand-hover:var(--indigo-700);
  --brand-active:var(--indigo-800);
  --secondary:var(--lilac-400);

  --focus-ring:var(--indigo-400);

  --status-ok-fg:var(--lime-800);
  --status-ok-bg:var(--lime-100);
  --status-info-fg:var(--indigo-700);
  --status-info-bg:var(--indigo-50);
  --status-warn-fg:var(--amber-700);
  --status-warn-bg:var(--amber-100);
  --status-danger-fg:var(--red-700);
  --status-danger-bg:var(--red-100);
  --status-neutral-fg:var(--slate-600);
  --status-neutral-bg:var(--slate-100);

  /* calendar legend, lifted from the app's own semantics */
  --legend-new-bg:var(--amber-100);
  --legend-read-bg:var(--sage-100);

  /* brand gradients — only these two, taken from the social cover */
  --gradient-ink:linear-gradient(135deg,var(--navy-900) 0%,var(--plum-950) 100%); /* @kind color */
  --gradient-lilac-veil:linear-gradient(180deg,rgba(156,152,202,.35) 0%,rgba(156,152,202,0) 100%); /* @kind color */
}