/* POV Field Guide — shared design tokens (screen guide.css + print pdf.css both use this file).
   Field-guide look (19 Oct 2026, Farhan): the POV master brand — charcoal #14171A + POV lime #D6FF3F (replaced the
   18 Oct navy + orange sub-brand). Charcoal on covers and openers, lime as the one accent on dark (never more than one
   lime element per view; lime is too light for text or thin lines on paper, so on paper the accent is the deep olive
   --orange-d), a faint street plan as the motif, one accent colour per chapter, dark text on warm paper for long
   reading. Every text/background pair is checked by guide/build/check_contrast.py (WCAG AA).
   Diagrams keep var(--cds-*) in their SVG; the map at the bottom points those tokens at the chapter accent. */
@font-face{font-family:"Sora";src:url("assets/Sora-ExtraBold.ttf") format("truetype");font-weight:800;font-style:normal;font-display:swap}
@font-face{font-family:"Inter";src:url("assets/Inter-roman.woff2") format("woff2");font-weight:100 900;font-style:normal;font-display:swap}
@font-face{font-family:"Inter";src:url("assets/Inter-italic.woff2") format("woff2");font-weight:100 900;font-style:italic;font-display:swap}
@font-face{font-family:"Newsreader";src:url("assets/Newsreader-roman.woff2") format("woff2");font-weight:200 800;font-style:normal;font-display:swap}
@font-face{font-family:"Newsreader";src:url("assets/Newsreader-italic.woff2") format("woff2");font-weight:200 800;font-style:italic;font-display:swap}
@font-face{font-family:"JetBrains Mono";src:url("assets/JetBrainsMono.woff2") format("woff2");font-weight:100 800;font-style:normal;font-display:swap}
:root{
  /* paper + ink (long reading) */
  --paper:#FBF8F1; --card:#FFFFFF; --well:#F4EFE4; --hair:#E4DDCF; --hair2:#EEE8DC;
  --ink:#161A2E; --ink2:#343A4F; --sec:#4E5468; --mut:#62677A;
  /* field-guide brand. Token names kept from the navy/orange sub-brand; since 19 Oct 2026 they hold CHARCOAL + LIME:
     --navy* = charcoal (background, lifted, deepest) · --cream* = warm white / quiet grey type on charcoal
     --orange = POV lime (fills and accents on dark only) · --orange-d = deep olive (text/lines on paper) · --orange-t = lime tint */
  --navy:#14171A; --navy-hi:#262B30; --navy-ink:#0A0C0E;
  --cream:#F5F3EE; --cream2:#B9BDC2; --orange:#D6FF3F; --orange-d:#556600; --orange-t:#EEF6C6;
  /* POV brand mark (small uses only) */
  --lime:#D6FF3F; --lime-ink:#181C02; --lime-deep:#6B7F00;
  --red:#8a2b2b;
  --display:"Sora",system-ui,sans-serif; --sans:"Inter",system-ui,-apple-system,"Segoe UI",sans-serif;
  --serif:"Newsreader",Georgia,serif; --mono:"JetBrains Mono",ui-monospace,Menlo,monospace;
  /* default accent = the POV lime (pages outside a chapter) */
  --ac:#D6FF3F; --ac-d:#556600; --ac-m:#7A9100; --ac-t:#F3FAD6; --ac-g:#E3EFB3; --ac-l:#CADD85; --ac-x:#333A06;
  /* diagram tokens: text stays dark and neutral */
  --cds-text-primary:#161A2E; --cds-text-secondary:#4E5468; --cds-chart-axis:#343A4F;
  --cds-chart-grid:#E4DDCF; --cds-chart-reference-tint:#F4EFE4;
  --cds-chart-categorical-1:#161A2E; --cds-chart-categorical-2:#6B7F00; --cds-chart-categorical-3:#4E5468;
  --cds-chart-categorical-4:#8a2b2b; --cds-chart-categorical-5:#2f5d8a; --cds-chart-categorical-6:#7a5a1e;
  --cds-chart-categorical-7:#5a4a7a; --cds-chart-categorical-8:#9aa0a6;
  --cds-chart-status-good:#3f7a1f; --cds-chart-status-warning:#a86b00; --cds-chart-status-critical:#8a2b2b;
  --cds-chart-muted:#B8B4A9;
}
/* chapter accents — a: bright (on the charcoal opener) · d: deep (text/lines on paper, ≥4.5:1) · m: mid (bars, ≥3:1 on white)
   t: tint (backgrounds) · g: light (grid, art fills on paper) · l: soft (de-emphasised marks) · x: dark (connectors) */
.ch-start{--ac:#D6FF3F;--ac-d:#556600;--ac-m:#7A9100;--ac-t:#F3FAD6;--ac-g:#E3EFB3;--ac-l:#CADD85;--ac-x:#333A06}  /* 00 · POV lime */
.ch-general{--ac:#16DBC5;--ac-d:#087A6D;--ac-m:#05A291;--ac-t:#DBF7F2;--ac-g:#BFE4DD;--ac-l:#94D7CB;--ac-x:#014840}  /* 01 */
.ch-hdb{--ac:#FFA098;--ac-d:#B14743;--ac-m:#E36B65;--ac-t:#FEEBE9;--ac-g:#F4D1CE;--ac-l:#F2B6B1;--ac-x:#5D2D2A}  /* 02 */
.ch-private{--ac:#77C7FE;--ac-d:#0270A6;--ac-m:#0A99DF;--ac-t:#E4F2FD;--ac-g:#C4DFF3;--ac-l:#9ECEF1;--ac-x:#12415E}  /* 03 */
.ch-newlaunch{--ac:#DCBC33;--ac-d:#7F6A07;--ac-m:#AC9003;--ac-t:#F6F0DA;--ac-g:#E3DBBE;--ac-l:#D5C794;--ac-x:#493C06}  /* 04 */
.ch-commercial{--ac:#F897E4;--ac-d:#9E4B8E;--ac-m:#CF71BD;--ac-t:#FEE9F8;--ac-g:#ECD1E5;--ac-l:#E5B7DA;--ac-x:#532E4C}  /* 05 */
.ch-industrial{--ac:#A8CE5A;--ac-d:#587500;--ac-m:#7A9E23;--ac-t:#EBF4DE;--ac-g:#D4E0C3;--ac-l:#BDD09E;--ac-x:#354316}  /* 06 */
.ch-rental{--ac:#11D6E7;--ac-d:#017781;--ac-m:#099EAB;--ac-t:#DAF6FA;--ac-g:#BDE3E7;--ac-l:#90D5DD;--ac-x:#01464C}  /* 07 */
.ch-ethics{--ac:#BCB2FF;--ac-d:#6F5DB9;--ac-m:#9583EA;--ac-t:#EFEEFE;--ac-g:#DAD7F4;--ac-l:#C6C0F2;--ac-x:#3D365F}  /* 08 */
.ch-cannot{--ac:#FF9DAF;--ac-d:#B3415E;--ac-m:#E86885;--ac-t:#FEEBED;--ac-g:#F4D0D6;--ac-l:#F0B5BF;--ac-x:#5C2C36}  /* 09 */
.ch-offences{--ac:#FAAB3F;--ac-d:#945E07;--ac-m:#C88009;--ac-t:#FEEDDB;--ac-g:#ECD7BF;--ac-l:#E5C096;--ac-x:#54360B}  /* 10 */
.ch-marketing{--ac:#DBA3FE;--ac-d:#8953A8;--ac-m:#B477D7;--ac-t:#F6EBFE;--ac-g:#E4D4EE;--ac-l:#D7BBE9;--ac-x:#493258}  /* 11 */
.ch-referrals{--ac:#9BBEFD;--ac-d:#4069B6;--ac-m:#6290E7;--ac-t:#E9F1FF;--ac-g:#CDDBF6;--ac-l:#AFC8F6;--ac-x:#283C62}  /* 12 */
.ch-tips{--ac:#69D98D;--ac-d:#027B3D;--ac-m:#2EA55C;--ac-t:#E2F6E6;--ac-g:#C8E3CE;--ac-l:#A6D5B1;--ac-x:#1C472A}  /* 13 */
.ch-contacts{--ac:#A6C1DD;--ac-d:#576E86;--ac-m:#7B95B0;--ac-t:#E6F2FE;--ac-g:#C8DDF5;--ac-l:#AFCBE7;--ac-x:#283F57}  /* 14 */
.ch-brand{--ac:#ABC89A;--ac-d:#577047;--ac-m:#7C976C;--ac-t:#EAF4E5;--ac-g:#D0E1C6;--ac-l:#B9D0AC;--ac-x:#314325}  /* 15 */
.ch-negotiation{--ac:#DEB494;--ac-d:#866143;--ac-m:#AF8868;--ac-t:#FCEDE2;--ac-g:#EFD5C1;--ac-l:#E3C0A4;--ac-x:#52361E}  /* 16 */
.ch-bto{--ac:#D7B0CD;--ac-d:#7F5C76;--ac-m:#A9839F;--ac-t:#FAEBF6;--ac-g:#EDD1E5;--ac-l:#DFBAD5;--ac-x:#4F3248}  /* 17 */
/* diagrams + charts take the chapter accent; text tokens stay dark for legibility */
.dg,.chart{--cds-chart-categorical-1:var(--ac-d);--cds-chart-categorical-2:var(--ac-m);--cds-chart-axis:var(--ac-x);
  --cds-chart-grid:var(--ac-g);--cds-chart-reference-tint:var(--ac-t);--cds-chart-muted:var(--ac-l)}
.dg svg{display:block;width:100%;height:auto;font-family:var(--sans)}