:root{
  /* Brand ramp (dark to light). The whole language is built from these six. */
  --green-1:#051F20; /* Dark Forest  */
  --green-2:#0B2B26; /* Deep Emerald */
  --green-3:#163832; /* Emerald      */
  --green-4:#235347; /* Dark Mint    */
  --green-5:#8EB69B; /* Soft Sage    */
  --green-6:#DAF1DE; /* Light Mint   */

  --white:#FFFFFF;
  --black:#000000;

  /* Alpha ramps */
  --white-a72:rgba(255,255,255,.72);
  --white-a45:rgba(255,255,255,.45);
  --white-a12:rgba(255,255,255,.12);
  --white-a10:rgba(255,255,255,.10);
  --white-a06:rgba(255,255,255,.06);
  --sage-a08:rgba(142,182,155,.08);
  --sage-a16:rgba(142,182,155,.16);
  --sage-a24:rgba(142,182,155,.24);
  --mint-a12:rgba(218,241,222,.12);
  --mint-a24:rgba(218,241,222,.24);

  /* Semantic surfaces */
  --bg-primary:var(--green-1);
  --bg-secondary:var(--green-2);
  --bg-section:var(--green-3);
  --surface-card:var(--sage-a08);
  --surface-raised:var(--white-a06);
  --surface-inset:rgba(5,31,32,.55);

  /* Semantic text */
  --text-primary:var(--white);
  --text-secondary:var(--white-a72);
  --text-muted:var(--white-a45);
  --text-accent:var(--green-5);
  --text-on-accent:var(--green-1);

  /* Borders */
  --border-subtle:var(--mint-a12);
  --border-strong:var(--mint-a24);
  --border-glass:var(--white-a10);

  /* Accent + interaction */
  --accent:var(--green-5);
  --accent-hover:var(--green-6);
  --focus-ring:var(--green-6);

  /* Gradients */
  --grad-button:linear-gradient(135deg,var(--green-3) 0%,var(--green-5) 100%);
  --grad-button-hover:linear-gradient(135deg,var(--green-4) 0%,var(--green-6) 100%);
  --grad-section:linear-gradient(180deg,var(--green-1) 0%,var(--green-2) 100%);
    --grad-image-scrim:linear-gradient(180deg,rgba(5,31,32,0) 0%,rgba(5,31,32,.35) 45%,rgba(5,31,32,.92) 100%); /* @kind color */
    --grad-halo:radial-gradient(60% 60% at 50% 0%,rgba(142,182,155,.22) 0%,rgba(5,31,32,0) 70%); /* @kind color */
    --grad-sheen:linear-gradient(180deg,rgba(255,255,255,.16) 0%,rgba(255,255,255,0) 55%); /* @kind color */

  /* Status — kept inside the ramp; never a bright foreign hue */
  --status-positive:var(--green-5);
  --status-info:var(--green-6);
  --status-warning:#D8C48E;
  --status-critical:#C98B7E;
}