/* Trellis color. Base values sampled from the supplied logo files and gradient bar artwork. */
:root{
  /* --- Core brand --- */
  --trellis-black:#000000;        /* logo ink */
  --trellis-graphite:#211F21;     /* icon ink */
  --trellis-paper:#F3F4ED;        /* brand off-white, used for reversed logo */
  --trellis-white:#FFFFFF;

  /* --- Gradient-bar spectrum (the brand's only chromatic source) --- */
  --cobalt-900:#0A3FA0;
  --cobalt-700:#0B52B8;           /* primary accent */
  --cobalt-500:#1868BB;
  --cobalt-300:#5C82C6;
  --cobalt-100:#C6D2EC;

  --coral-700:#DE7160;
  --coral-500:#F09A8E;
  --coral-300:#F3B6AC;
  --coral-100:#FADFD9;

  --amber-700:#D8A23C;
  --amber-500:#E9C75A;
  --amber-300:#F0DC7E;
  --amber-100:#F8EFC9;

  --blossom-700:#C0619C;
  --blossom-500:#D186B5;
  --blossom-300:#E9B8D2;
  --blossom-100:#F5CCD7;

  /* --- Neutral ramp (paper → ink) --- */
  --neutral-0:#FFFFFF;
  --neutral-50:#FAFAF6;
  --neutral-100:#F3F4ED;
  --neutral-200:#E6E7DF;
  --neutral-300:#D2D3CA;
  --neutral-400:#A9AAA1;
  --neutral-500:#7C7D76;
  --neutral-600:#57584F;
  --neutral-700:#3A3B35;
  --neutral-800:#262622;
  --neutral-900:#141412;

  /* --- Semantic surfaces --- */
  --surface-page:var(--neutral-100);
  --surface-card:var(--neutral-0);
  --surface-sunken:var(--neutral-200);
  --surface-inverse:var(--trellis-black);
  --surface-accent:var(--cobalt-700);
  --surface-accent-soft:var(--cobalt-100);

  /* --- Semantic text --- */
  --text-heading:var(--trellis-black);
  --text-body:var(--neutral-800);
  --text-muted:var(--neutral-500);
  --text-inverse:var(--trellis-paper);
  --text-accent:var(--cobalt-700);
  --text-on-accent:var(--trellis-white);
  --text-link:var(--cobalt-700);
  --text-link-hover:var(--cobalt-900);

  /* --- Semantic lines --- */
  --border-hairline:var(--neutral-300);
  --border-strong:var(--trellis-black);
  --border-inverse:rgba(243,244,237,.28);

  /* --- Status --- */
  --status-info:var(--cobalt-700);
  --status-success:#2F7A54;
  --status-warning:var(--amber-700);
  --status-danger:var(--coral-700);
  --status-info-soft:var(--cobalt-100);
  --status-success-soft:#D9EADF;
  --status-warning-soft:var(--amber-100);
  --status-danger-soft:var(--coral-100);

  /* --- Brand gradient artwork (grain gradients ship as PNG) --- */
  --gradient-blue:url("../assets/gradients/gradient-blue.png"); /* @kind other */
  --gradient-coral:url("../assets/gradients/gradient-coral.png"); /* @kind other */
  --gradient-yellow:url("../assets/gradients/gradient-yellow.png"); /* @kind other */
  --gradient-triptych:url("../assets/gradients/gradient-triptych.png"); /* @kind other */
}
[data-theme="inverse"]{
  --surface-page:var(--trellis-black);
  --surface-card:var(--neutral-900);
  --surface-sunken:var(--neutral-800);
  --text-heading:var(--trellis-paper);
  --text-body:var(--neutral-200);
  --text-muted:var(--neutral-400);
  --text-link:var(--amber-500);
  --text-link-hover:var(--amber-300);
  --border-hairline:rgba(243,244,237,.22);
  --border-strong:var(--trellis-paper);
}