/* Forma public-site theme. Page CSS consumes semantic roles; literal colors stay here. */

:root,
:root[data-theme="forma-light"] {
  color-scheme: light;

  /* Primitive palette */
  --forma-web-245a75: #245a75;
  --forma-web-337ba0: #337ba0;
  --forma-web-111: #111;
  --forma-web-17191a: #17191a;
  --forma-web-183e52: #183e52;
  --forma-web-5f6870: #5f6870;
  --forma-web-7195a8: #7195a8;
  --forma-web-a63831: #a63831;
  --forma-web-b9dceb: #b9dceb;
  --forma-web-d9eaf2: #d9eaf2;
  --forma-web-e7f1f6: #e7f1f6;
  --forma-web-f6f6f4: #f6f6f4;
  --forma-web-fafbf9: #fafbf9;
  --forma-web-fff: #fff;

  /* Channels used when a role needs transparency */
  --black-rgb: 0 0 0;
  --accent-rgb: 51 123 160;
  --accent-dark-rgb: 36 90 117;
  --ink-rgb: 23 25 26;
  --surface-rgb: 255 255 255;
  --image-overlay-rgb: 21 59 77;
  --hero-overlay-rgb: 14 27 45;
  --overlay-rgb: 20 48 63;
  --shadow-rgb: 20 55 74;

  /* Semantic roles */
  --ink: var(--forma-web-17191a);
  --muted: var(--forma-web-5f6870);
  --paper: var(--forma-web-f6f6f4);
  --surface-subtle: var(--forma-web-fafbf9);
  --soft: var(--forma-web-e7f1f6);
  --white: var(--forma-web-fff);
  --card: var(--white);
  --on-dark: var(--white);
  --accent: var(--forma-web-337ba0);
  --accent-dark: var(--forma-web-245a75);
  --accent-tint: var(--forma-web-b9dceb);
  --error: var(--forma-web-a63831);
  --success-soft: var(--forma-web-d9eaf2);
  --hero-placeholder: var(--forma-web-7195a8);
  --footer-surface: var(--forma-web-183e52);
  --media-surface: var(--forma-web-111);
  --line: rgb(var(--ink-rgb) / 0.13);
  --shadow: 0 28px 90px rgb(var(--shadow-rgb) / 0.28);
}