/* The pages an enterprise opens — /agreement and /esign-sim — and the onboarding
   form, in Daylight Web (Console_Kit/DAYLIGHT_WEB_BRIEF.md), the design of Flido
   Boost and every console since Oct 2026. Load this first, then
   /static/console.css, which draws the cards, buttons, fields and badges in the
   same class names the console pages use.

   This sheet holds the Daylight tokens (copied from Console_Kit/legacy.css —
   change them there and copy again) and the page frame a public page needs
   without the console's side rail: a white top bar with the Daylight lockup
   (server.py fills <!--LOCKUP-DAYLIGHT-->), shadow only once scrolled, a mist page. */
:root{
  /* colour — flat, opaque (Daylight Web §16, as kit.css) */
  --dlw-ink:#0F2418; --dlw-ink-hover:#1E3A2A; --dlw-ink-press:#2C4236;
  --dlw-ink-2:#3A4D40; --dlw-ink-3:#5B6D60; --dlw-ink-4:#8A988C;
  --dlw-on-ink:#FFFFFF; --dlw-on-ink-body:#E4EBDF; --dlw-on-ink-2:#C9D3C3; --dlw-rule-on-ink:#2C4236;
  --dlw-lime:#D7E13C; --dlw-lime-hover:#C6D12C; --dlw-lime-soft:#EEF3B4; --dlw-lime-mark:#A5B51B;
  --dlw-paper:#FFFFFF; --dlw-mist:#EEF2E9; --dlw-mist-2:#E2E9DC; --dlw-mist-3:#D5DDD0;
  --dlw-green:#17663A; --dlw-green-hover:#0F5530; --dlw-green-soft:#E1EFDF;
  --dlw-error:#B42318; --dlw-error-soft:#FDE7E4; --dlw-error-hover:#F9D5D0;
  --dlw-amber:#8A5300; --dlw-amber-soft:#FCEFC9;

  /* space — 4px base, three tiers. Nothing off-scale. */
  --dlw-space-4:4px; --dlw-space-8:8px; --dlw-space-12:12px; --dlw-space-16:16px;
  --dlw-space-24:24px; --dlw-space-32:32px; --dlw-space-40:40px;
  --dlw-space-48:48px; --dlw-space-64:64px; --dlw-space-96:96px; --dlw-space-128:128px;

  /* layout */
  --dlw-container:1200px; --dlw-side:40px; --dlw-gutter:24px; --dlw-card-pad:32px; --dlw-nav-h:72px;
  --dlw-measure-lede:640px; --dlw-measure-body:680px;

  /* type — Anek; JetBrains Mono for eyebrows, IDs and codes */
  --dlw-font:"Anek Latin","Anek Devanagari","Anek Tamil","Anek Telugu","Noto Sans",system-ui,sans-serif;
  --dlw-mono:"JetBrains Mono",ui-monospace,monospace;
  --dlw-h3:28px; --dlw-h4:22px; --dlw-stat:44px; --dlw-body-lh:1.6;

  /* focus · elevation (floating UI only) · motion */
  --dlw-focus-input:0 0 0 4px #D7E13C;
  --dlw-focus:0 0 0 3px #D7E13C, 0 0 0 5px #0F2418;
  --dlw-focus-on-ink:0 0 0 3px #0F2418, 0 0 0 6px #D7E13C;
  --dlw-e-bar:0 1px 0 rgba(15,36,24,.06), 0 6px 18px rgba(15,36,24,.06);
  --dlw-e-menu:0 2px 4px rgba(15,36,24,.08), 0 12px 28px rgba(15,36,24,.12);
  --dlw-scrim:rgba(15,36,24,.5);
  --dlw-ease-out:cubic-bezier(.2,.8,.2,1); --dlw-dur-state:160ms; --dlw-dur-layout:260ms;

  /* glyphs drawn by CSS (select chevron, checkbox check, the loading sweep) — as kit.css */
  --kit-chev:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230F2418' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 5v14M18 13l-6 6-6-6'/%3E%3C/svg%3E");
  --kit-tick:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23D7E13C' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6L9 17l-5-5'/%3E%3C/svg%3E");
  --kit-tick-off:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%235B6D60' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6L9 17l-5-5'/%3E%3C/svg%3E");
  --kit-sweep:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='8 0 84 60'%3E%3Cpath d='M 18 14 Q 50 0 82 14' fill='none' stroke='%23A5B51B' stroke-width='6' stroke-linecap='round' pathLength='100' stroke-dasharray='100 100' stroke-dashoffset='100'%3E%3Canimate attributeName='stroke-dashoffset' values='100;0;0;-100' keyTimes='0;.45;.6;1' dur='1.4s' repeatCount='indefinite'/%3E%3C/path%3E%3Cpath d='M 50 50 L 18 26' fill='none' stroke='%230F2418' stroke-width='12' stroke-linecap='round'/%3E%3Cpath d='M 50 50 L 82 26' fill='none' stroke='%230F2418' stroke-width='12' stroke-linecap='round'/%3E%3C/svg%3E");
  --kit-sweep-ink:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='8 0 84 60'%3E%3Cpath d='M 18 14 Q 50 0 82 14' fill='none' stroke='%23D7E13C' stroke-width='6' stroke-linecap='round' pathLength='100' stroke-dasharray='100 100' stroke-dashoffset='100'%3E%3Canimate attributeName='stroke-dashoffset' values='100;0;0;-100' keyTimes='0;.45;.6;1' dur='1.4s' repeatCount='indefinite'/%3E%3C/path%3E%3Cpath d='M 50 50 L 18 26' fill='none' stroke='%23FFFFFF' stroke-width='12' stroke-linecap='round'/%3E%3Cpath d='M 50 50 L 82 26' fill='none' stroke='%23FFFFFF' stroke-width='12' stroke-linecap='round'/%3E%3C/svg%3E");
  --kit-sweep-still:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='8 0 84 60'%3E%3Cpath d='M 18 14 Q 50 0 82 14' fill='none' stroke='%23A5B51B' stroke-width='6' stroke-linecap='round'/%3E%3Cpath d='M 50 50 L 18 26' fill='none' stroke='%230F2418' stroke-width='12' stroke-linecap='round'/%3E%3Cpath d='M 50 50 L 82 26' fill='none' stroke='%230F2418' stroke-width='12' stroke-linecap='round'/%3E%3C/svg%3E");

  /* the console frame */
  --lg-rail:256px;
  --lg-inline:max(var(--dlw-side), calc((100% - var(--dlw-container)) / 2));
  color-scheme:light;
}
*{box-sizing:border-box}
[hidden]{display:none!important}
html{scroll-padding-top:96px;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--dlw-mist);color:var(--dlw-ink);font:450 17px/1.6 var(--dlw-font);-webkit-font-smoothing:antialiased}
::selection{background:var(--dlw-lime);color:var(--dlw-ink)}
:focus-visible{outline:none;box-shadow:var(--dlw-focus)}
/* the top bar: white, the lockup on the left, the page's tools on the right */
.bar{position:sticky;top:0;z-index:20;background:var(--dlw-paper);transition:box-shadow var(--dlw-dur-state) var(--dlw-ease-out)}
.bar.scrolled{box-shadow:var(--dlw-e-bar)}
.bar-in{max-width:1200px;margin:0 auto;min-height:72px;padding:12px 24px;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.dl-lockup{display:inline-flex;align-items:center;gap:8px;color:var(--dlw-ink);text-decoration:none}
.dl-lockup svg{display:block;width:40px;height:28px;overflow:visible}
.dl-lockup b{font:700 20px/1 var(--dlw-font);letter-spacing:-.3px}
.bar .eyebrow{font:500 13px/1.4 var(--dlw-mono);letter-spacing:1.4px;text-transform:uppercase;color:var(--dlw-ink-2)}
.testbar{background:var(--dlw-amber-soft);color:var(--dlw-amber)}
.testbar div{max-width:1200px;margin:0 auto;padding:12px 24px}
@media (max-width:560px){.bar-in{padding:12px 16px}}
@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important;scroll-behavior:auto!important}}