/* Design settings for the whole site. Change a value here and every page follows.
   Light and dark are built together: every new colour gets a light value (here) and a dark value (the two dark blocks below, kept identical). */
:root{
  color-scheme:light;
  /* surfaces and text */
  --bg:#f7f6f2;            /* page background on ALL pages: very slight off-white (Sid, 2026-10-21; was #ebebeb) */
  --card:#ffffff;
  --inset:#f4f4f2;         /* picture pane inside a card */
  --raise:#ffffff;         /* rows and sheets sitting on a pane */
  --sheet:#f8f8f8;         /* quiet footer strip inside a drawn app card */
  --ink:#111111;
  --text:#4a4a48;
  --muted:#6b6a66;
  --faint:#6b6a66;
  --line:#e2e2e0;
  --line2:#d6d6d4;
  --fill:#ececea;          /* neutral chips, empty bars, page lines */
  --track:#e6ece7;         /* progress tracks */
  --dot:rgba(17,17,17,.16);/* dot pattern */
  --ring:rgba(0,0,0,.07);
  /* colour */
  --orange:#ec682c;        /* Holocene orange for the website; the logo keeps its own colour */
  --orange-tint:color-mix(in srgb,var(--orange) 11%,var(--card));
  --orange-ink:color-mix(in srgb,var(--orange) 68%,#000);
  --orange-text:#d4501a;
  --orange-text-aa:#c94b16;   /* orange text under 24px on a light ground: 4.7:1 on white */      /* orange used for TEXT on light grounds: the brand orange is only 2.7:1 on the grey page (WCAG 1.4.3 needs 3:1 for large text) */
  --green:#16a34a;
  --ok-bg:#dcfce7;--ok-fg:#166534;--ok-line:#8fd3a6;
  --warn-bg:#fff9e8;--warn-line:#f3cf7a;
  --a1-bg:#fde4d6;--a1-fg:#a4400f;--a2-bg:#dbeafe;--a2-fg:#1e40af;--a3-bg:#dcfce7;--a3-fg:#166534;
  --a4-bg:#fef3c7;--a4-fg:#92400e;--a5-bg:#ede9fe;--a5-fg:#5b21b6;--a6-bg:#fce7f3;--a6-fg:#9d174d;
  --logo-l:block;--logo-d:none;--inv:0;
  --cons-bg:#050505;--cons-fg:#f3f3f1;--cons-mute:rgba(243,243,241,.68);--cons-line:rgba(243,243,241,.2);--cons-num:var(--orange);--cons-ring:transparent;--cons-link:var(--orange);--cons-row:rgba(255,255,255,.07);--cons-chip:rgba(255,255,255,.12);--cons-btn-bg:var(--orange);--cons-btn-fg:#0a0a0a;--trial-bg:#ffffff;--trial-fg:#0a0a0a;--trial-check:#0a0a0a;--trial-btn-bg:#0a0a0a;--trial-btn-fg:#ffffff;--trial-line:rgba(10,10,10,.5);
  /* width: fixed on larger screens, responsive below it (KnowledgeOwl standard, about 1024px) */
  --wrap:1024px;
  --gut:24px;
  /* shape */
  --r-card:16px;
  --r-inset:16px;
  --r-pill:100px;
  /* CTA banners (sandbox, small-business, think): one gap above and below each, nothing more */
  --cta-gap:48px;
  /* type: placeholders until the Google Fonts choice is made */
  --head:"Inter Tight","Inter",system-ui,sans-serif;
  --body:"Figtree","Inter",system-ui,sans-serif;
  --mono:"JetBrains Mono",ui-monospace,Menlo,monospace;
  /* motion (pacing measured earlier) */
  --ease:cubic-bezier(.5,0,0,1);
}
/* dark mode: follows the visitor's system; data-theme="dark" or "light" on <html> forces one */
@media (prefers-color-scheme:dark){
  :root:not([data-theme=light]){
    color-scheme:dark;
    --bg:#0d0d0d;--card:#181817;--inset:#212120;--raise:#2a2a28;--sheet:#131312;
    --ink:#f3f3f1;--text:#b3b2ad;--muted:#9a9994;--faint:#9a9994;
    --line:#2c2c2a;--line2:#3b3b39;--fill:#2e2e2c;--track:#2a332c;--dot:rgba(255,255,255,.14);--ring:rgba(255,255,255,.09);
    --orange-ink:#f58f5c;--orange-text:var(--orange);--orange-text-aa:var(--orange);--green:#22c55e;
    --ok-bg:#14301f;--ok-fg:#86efac;--ok-line:#1f6b3a;
    --warn-bg:#33290c;--warn-line:#7a5f14;
    --a1-bg:#3a2216;--a1-fg:#fdba8c;--a2-bg:#172554;--a2-fg:#93c5fd;--a3-bg:#14301f;--a3-fg:#86efac;
    --a4-bg:#3a2e0e;--a4-fg:#fcd34d;--a5-bg:#2a1f4d;--a5-fg:#c4b5fd;--a6-bg:#4a1730;--a6-fg:#f9a8d4;
    --logo-l:none;--logo-d:block;--inv:1;
    --cons-bg:var(--orange);--cons-fg:#0a0a0a;--cons-mute:rgba(10,10,10,.76);--cons-line:rgba(10,10,10,.28);--cons-num:#0a0a0a;--cons-ring:transparent;--cons-link:#0a0a0a;--cons-row:rgba(255,255,255,.2);--cons-chip:rgba(10,10,10,.14);--cons-btn-bg:#0a0a0a;--cons-btn-fg:#ffffff;--trial-bg:#f3f3f1;--trial-fg:#111111;--trial-check:#111111;--trial-btn-bg:#111111;--trial-btn-fg:#ffffff;--trial-line:rgba(17,17,17,.45);
  }
}
:root[data-theme=dark]{
  color-scheme:dark;
  --bg:#0d0d0d;--card:#181817;--inset:#212120;--raise:#2a2a28;--sheet:#131312;
  --ink:#f3f3f1;--text:#b3b2ad;--muted:#9a9994;--faint:#9a9994;
  --line:#2c2c2a;--line2:#3b3b39;--fill:#2e2e2c;--track:#2a332c;--dot:rgba(255,255,255,.14);--ring:rgba(255,255,255,.09);
  --orange-ink:#f58f5c;--orange-text:var(--orange);--orange-text-aa:var(--orange);--green:#22c55e;
  --ok-bg:#14301f;--ok-fg:#86efac;--ok-line:#1f6b3a;
  --warn-bg:#33290c;--warn-line:#7a5f14;
  --a1-bg:#3a2216;--a1-fg:#fdba8c;--a2-bg:#172554;--a2-fg:#93c5fd;--a3-bg:#14301f;--a3-fg:#86efac;
  --a4-bg:#3a2e0e;--a4-fg:#fcd34d;--a5-bg:#2a1f4d;--a5-fg:#c4b5fd;--a6-bg:#4a1730;--a6-fg:#f9a8d4;
  --logo-l:none;--logo-d:block;--inv:1;
  --cons-bg:var(--orange);--cons-fg:#0a0a0a;--cons-mute:rgba(10,10,10,.76);--cons-line:rgba(10,10,10,.28);--cons-num:#0a0a0a;--cons-ring:transparent;--cons-link:#0a0a0a;--cons-row:rgba(255,255,255,.2);--cons-chip:rgba(10,10,10,.14);--cons-btn-bg:#0a0a0a;--cons-btn-fg:#ffffff;--trial-bg:#f3f3f1;--trial-fg:#111111;--trial-check:#111111;--trial-btn-bg:#111111;--trial-btn-fg:#ffffff;--trial-line:rgba(17,17,17,.45);
}

/* Product screen replicas (hero card, bento drawings, menu tile drawings, industry record, product-page mocks) keep the product's own body font. */
.vis,.hc,.tile .exp,.rec{--body:"Inter",system-ui,sans-serif;font-family:"Inter",system-ui,sans-serif}