/* ==========================================================================
   Indelible House — design tokens (web)
   Transcribed from IH-GOV-0001 v1.0 Parts 2.2–2.5. Every value here is
   stated numerically in the manual.

   REPLACE THIS FILE with the generated ih-tokens.css from
   SharePoint › IndelibleHouseMarketing › BRAND GOVERNANCE when it can be
   exported. Variable names below are local; if the generated file names
   them differently, map them in styles.css :root only.

   White leads. Purple identifies. Graphite communicates.
   ========================================================================== */
:root{
  /* Purple — the identifier. Core is purple-700. */
  --ih-purple-050:#F8F6FA;
  --ih-purple-100:#EEE9F4;
  --ih-purple-200:#DAD1E7;
  --ih-purple-300:#C2B2D6;
  --ih-purple-400:#A993C6;
  --ih-purple-500:#8F72B5;
  --ih-purple-600:#7552A4;
  --ih-purple-700:#5B3193;
  --ih-purple-800:#492676;
  --ih-purple-900:#381C5A;

  /* Graphite — the communicator */
  --ih-graphite-050:#F7F8F9;
  --ih-graphite-100:#EFF1F3;
  --ih-graphite-200:#DDE1E5;
  --ih-graphite-300:#C3C8CE;
  --ih-graphite-400:#8A9099;
  --ih-graphite-500:#6B727C;
  --ih-graphite-600:#545B64;
  --ih-graphite-700:#434951;
  --ih-graphite-800:#2B2F35;
  --ih-graphite-900:#1A1C1F;

  --ih-canvas:#FFFFFF;
  --ih-paper:#FAFAFB;

  /* Functional — system states only. Never brand, never decorate. */
  --ih-verified:#1E7A5A;     --ih-verified-bg:#E8F2EE;
  --ih-attention:#8C5E10;    --ih-attention-bg:#FBF2E3;
  --ih-exception:#A32A2A;    --ih-exception-bg:#F7EAEA;
  --ih-information:#1F5F8B;  --ih-information-bg:#E9F0F5;

  /* Roles */
  --ih-text:var(--ih-graphite-700);          /* body, 9.09:1 */
  --ih-heading:var(--ih-graphite-900);       /* 17.08:1 */
  --ih-caption:var(--ih-graphite-600);       /* 6.87:1 */
  --ih-identifier:var(--ih-purple-700);      /* 9.11:1 */
  --ih-rule:var(--ih-graphite-200);          /* decorative, exempt 1.4.11 */
  --ih-boundary:var(--ih-graphite-400);      /* interactive, 3.22:1 */
  --ih-panel:var(--ih-graphite-100);

  /* Typography — §2.3. Aptos, then Segoe UI, Helvetica Neue, Arial. Never a serif. */
  --ih-font:Aptos,"Segoe UI","Helvetica Neue",Arial,sans-serif;
  --ih-font-mono:"IBM Plex Mono",ui-monospace,Menlo,Consolas,monospace;

  /* Web scale — §2.3, 4 px baseline */
  --ih-display-size:56px;  --ih-display-lh:60px;
  --ih-title-size:28px;    --ih-title-lh:36px;
  --ih-body-size:16px;     --ih-body-lh:26px;
  --ih-caption-size:13px;  --ih-caption-lh:18px;
  /* Heading and micro steps, scaled from the document scale onto the 4 px baseline */
  --ih-h3-size:20px;       --ih-h3-lh:28px;
  --ih-lead-size:19px;     --ih-lead-lh:28px;
  --ih-micro-size:12px;    --ih-micro-lh:16px;  --ih-micro-track:.08em;

  --ih-measure:68ch;

  /* Space — §2.4, 4-unit series only */
  --s-4:4px; --s-8:8px; --s-12:12px; --s-16:16px; --s-20:20px; --s-24:24px;
  --s-32:32px; --s-40:40px; --s-48:48px; --s-64:64px; --s-80:80px; --s-96:96px;

  /* Rules — §2.5, at a 1.33 px/pt screen ratio, snapped */
  --ih-rule-hair:1px;
  --ih-rule-standard:1px;
  --ih-rule-emphasis:3px;   /* 2.25 pt, purple-700 */
  --ih-rule-mark:4px;

  --ih-radius:0;            /* zero, in every application */
  --ih-max:1200px;
}