/* Folg Agency — colour tokens. Base scales sampled from the brand palette sheet
   (assets/reference/palette-sheet.webp): Elf Green, Onyx Black, White. */
:root{
  /* Elf Green — the single brand hue */
  --green-900:#023b38;
  --green-800:#034845;
  --green-700:#06605b;
  --green-600:#0e7e78;
  --green-500:#2b938b;
  --green-400:#3fb9a6;
  --green-300:#7fd8c9;
  --green-200:#b9ebe2;
  --green-100:#e4f5f2;
  --green-050:#f2faf8;

  /* Onyx Black + White */
  --onyx-1000:#0a0a0a;
  --onyx-900:#0e0e0e;
  --onyx-800:#171717;
  --onyx-700:#212121;
  --onyx-600:#3d3d3d;
  --onyx-500:#616161;
  --onyx-400:#898989;
  --onyx-300:#b9b9b9;
  --onyx-200:#d8d8d8;
  --onyx-100:#e1e1e1;
  --onyx-050:#f2f2f2;
  --white:#ffffff;

  /* Vital accents — only inside data/metric UI, never in brand layouts */
  --vital-blue:#3e9bf5;
  --vital-blue-light:#5aa9ff;
  --vital-mint:#22c79e;
  --vital-mint-light:#46e0b4;
  --vital-coral:#ff6b6b;
  --vital-coral-light:#ff8f8f;

  /* Semantic — brand */
  --brand:var(--green-600);
  --brand-deep:var(--green-800);
  --brand-strong:var(--green-700);
  --brand-mint:var(--green-400);
  --brand-tint:var(--green-100);

  /* Semantic — text */
  --text-primary:var(--onyx-900);
  --text-secondary:var(--onyx-500);
  --text-muted:var(--onyx-400);
  --text-brand:var(--green-600);
  --text-inverse:var(--white);
  --text-on-brand:var(--white);

  /* Semantic — surface */
  --surface-page:var(--white);
  --surface-muted:var(--onyx-050);
  --surface-card:var(--white);
  --surface-brand:var(--green-600);
  --surface-brand-deep:var(--green-800);
  --surface-onyx:var(--onyx-900);
  --surface-tint:var(--green-100);

  /* Semantic — border */
  --border-subtle:var(--onyx-100);
  --border-strong:var(--onyx-200);
  --border-brand:var(--green-600);
  --border-onyx:var(--onyx-900);
  --border-on-brand:rgba(255,255,255,.28);

  /* Gradients seen in product UI: metric chips, score cards, sparkline fades */
  --grad-brand:linear-gradient(135deg,#0e7e78 0%,#034845 100%); /* @kind color */
  --grad-brand-mint:linear-gradient(135deg,#2b938b 0%,#0e7e78 60%,#034845 100%); /* @kind color */
  --grad-score-bar:linear-gradient(90deg,#0e7e78 0%,#3fb9a6 55%,#7fd8c9 100%); /* @kind color */
  --grad-vital-blue:linear-gradient(160deg,#5aa9ff 0%,#3e9bf5 100%); /* @kind color */
  --grad-vital-mint:linear-gradient(160deg,#46e0b4 0%,#22c79e 100%); /* @kind color */
  --grad-vital-coral:linear-gradient(160deg,#ff8f8f 0%,#ff6b6b 100%); /* @kind color */
}