/* ==========================================================================
   Tokens. Palette, radii, shadows, easing and rhythm are taken verbatim from
   floc-landing/css/styles.css so the RW site and floc read as one studio's
   work. Two floc rules carry over and are enforced in site.css:
     --bg-soft is used ONLY in sections that carry no photo or video.
     --green is used ONLY on WhatsApp actions.
   Dark redefines tokens only. No component ever declares a colour inside a
   media query, which is the bug that makes a page render one theme's text on
   the other theme's ground.
   ========================================================================== */
:root{
  --bg:#FFFFFF;
  --bg-soft:#F5F2EC;
  --surface:#FFFFFF;
  --ink:#123238;
  --ink-muted:#4A6169;
  --blue:#147D84;
  --blue-deep:#0E6068;
  --blue-light:#0097A7;
  --orange:#CE7F0D;
  --orange-hover:#B26B00;
  --orange-text:#96590A;
  --green:#17753F;
  --green-hover:#166E3C;
  --line:#E6E0D5;

  --ink-rgb:18,50,56;
  --scrim-rgb:8,32,38;
  --glass:255,255,255;
  --glass-a:.72;

  /* Foreground for anything painted on --blue or --green. */
  --on-accent:#FFFFFF;

  --r-md:.625rem; --r-lg:1rem; --r-pill:999px;
  --sh1:0 .0625rem .125rem rgba(18,50,56,.06);
  --sh2:0 .5rem 1.5rem rgba(18,50,56,.09);
  --sh3:0 1.125rem 2.75rem rgba(18,50,56,.12);
  --ease-in:cubic-bezier(.22,.61,.36,1);
  --ease-state:cubic-bezier(.4,0,.2,1);

  --container:77.5rem;
  --sp-sec:clamp(2.75rem, 7vh, 5.5rem);
  --sp-sec-lg:clamp(3.75rem, 10vh, 6.875rem);
  --sp-gutter:1.5rem;

  /* Diagonal lattice, the jala.tech texture idea in floc's blue. Used as a
     corner or a band only, never behind body text. 3.5% stroke: felt, not read. */
  --lattice:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32'%3E%3Cg fill='none' stroke='%23147D84' stroke-opacity='0.09' stroke-width='1'%3E%3Cpath d='M0 8 L8 0 M0 24 L24 0 M8 32 L32 8 M24 32 L32 24'/%3E%3C/g%3E%3C/svg%3E");
}
@media (min-width:900px){ :root{ --sp-gutter:2.5rem } }

@media (prefers-color-scheme:dark){
  :root:not([data-theme="light"]){
    --bg:#0E1618;
    --bg-soft:#141F21;
    --surface:#162224;
    --ink:#E8EFEF;
    --ink-muted:#9DB2B6;
    --blue:#4FBEC4;
    --blue-deep:#8AD8DC;
    --blue-light:#6FD0DA;
    --orange:#E7A542;
    --orange-text:#F0BE72;
    --green:#3FA96C;
    --green-hover:#4CB878;
    --line:#25373A;
    --ink-rgb:232,239,239;
    --glass:14,22,24;
    --glass-a:.66;
    --on-accent:#0E1618;
    --sh1:0 .0625rem .125rem rgba(0,0,0,.5);
    --sh2:0 .5rem 1.5rem rgba(0,0,0,.45);
    --sh3:0 1.125rem 2.75rem rgba(0,0,0,.55);
  }
}
:root[data-theme="dark"]{
  --bg:#0E1618; --bg-soft:#141F21; --surface:#162224;
  --ink:#E8EFEF; --ink-muted:#9DB2B6;
  --blue:#4FBEC4; --blue-deep:#8AD8DC; --blue-light:#6FD0DA;
  --orange:#E7A542; --orange-text:#F0BE72;
  --green:#3FA96C; --green-hover:#4CB878;
  --line:#25373A; --ink-rgb:232,239,239;
  --glass:14,22,24; --glass-a:.66; --on-accent:#0E1618;
  --sh1:0 .0625rem .125rem rgba(0,0,0,.5);
  --sh2:0 .5rem 1.5rem rgba(0,0,0,.45);
  --sh3:0 1.125rem 2.75rem rgba(0,0,0,.55);
}