/* ---------------------------------------------------------------------------
   Sustainera Hub - colour tokens.

   Single light palette. Every colour used by the Project Management pages
   resolves to a token here, so a palette change is one edit in one file
   rather than a hunt through six templates.

   Other modules still carry their own colours in their own stylesheets.
   --------------------------------------------------------------------------- */

:root{
  /* surfaces */
  --c-page:#F1F5F9;
  --c-surface:#ffffff;
  --c-subtle:#FAFCFE;
  --c-line:#E2E8EF;
  --c-soft:#EDF2F7;
  --c-field:#ffffff;
  --c-field-line:#D3DDE7;
  --c-track:#EDF2F7;

  /* text */
  --c-ink:#0A2137;
  --c-ink-2:#3C5670;
  --c-ink-3:#7A8CA0;
  --c-ink-4:#A9B8C6;
  --c-on-accent:#ffffff;

  /* accents */
  --c-blue:#1668B8;
  --c-blue-h:#125A9F;
  --c-green:#0F8A63;
  --c-green-h:#0C7453;
  --c-violet:#5B4BC4;
  --c-amber:#D08A15;
  --c-red:#D2453A;
  --c-red-h:#A93027;
  --c-teal:#0E8FA8;
  --c-grey:#5A6B7C;
  --c-bar-idle:#93A6B8;

  /* hero band */
  --c-hero-1:#0A2137;
  --c-hero-2:#164A73;
  --c-hero-3:#0E6B7E;
  --c-hero-tx:#ffffff;
  --c-hero-tx-2:#B6CDE0;
  --c-hero-tx-3:#9FBBD3;
  --c-hero-line:rgba(255,255,255,.2);
  --c-hero-fill:rgba(255,255,255,.14);
  --c-hero-on:#4FD1A5;
  --c-hero-ok-tx:#B8F0DA;
  --c-hero-bad-tx:#FBD3CF;

  /* status pills: background / text / border */
  --c-done-bg:#E1F5EC;    --c-done-tx:#0B7350;  --c-done-ln:#BFE7D6;
  --c-prog-bg:#E4F0FB;    --c-prog-tx:#1163B0;  --c-prog-ln:#C3DEF5;
  --c-rev-bg:#EBE8F9;     --c-rev-tx:#4E3FB8;   --c-rev-ln:#D5CEF2;
  --c-block-bg:#FCE8E6;   --c-block-tx:#C13A30; --c-block-ln:#F6CFCB;
  --c-todo-bg:#EFF3F7;    --c-todo-tx:#69798A;  --c-todo-ln:#DFE6ED;
  --c-warn-bg:#FBF2E1;    --c-warn-tx:#8A5B08;  --c-warn-ln:#F0DFC2;
  --c-ms-bg:#DEF3EC;      --c-ms-tx:#0B6E52;    --c-ms-ln:#BFE5D8;
  --c-add-bg:#EAE7F8;     --c-add-tx:#4B3FA7;   --c-add-ln:#D6D0F0;

  /* seven-phase ramp and its tints */
  --c-p1:#0A2137; --c-p2:#14507E; --c-p3:#0E8FA8; --c-p4:#0F8A63;
  --c-p5:#5C8B1B; --c-p6:#D08A15; --c-p7:#9C4A78;
  --c-p1-t:#EAEEF3; --c-p2-t:#E7F0F8; --c-p3-t:#E3F4F8; --c-p4-t:#E4F3EE;
  --c-p5-t:#EFF4E4; --c-p6-t:#FBF2E1; --c-p7-t:#F7EBF2;

  /* chrome */
  --c-shadow:rgba(10,33,55,.04);
  --c-shadow-2:rgba(10,33,55,.12);
  --c-grid:#F2F6F9;
  --c-link-line:#8FA6BC;
  --c-dash-idle:#E7EDF3;
}