/* Pose design tokens (docs/design-system.md). The only file with colour literals for the
   website and portals.
   Colours: @radix-ui/colors 3.0.0 (MIT, Radix Colors), sand.css and bronze.css light scales,
   sRGB values copied from the package. --n-* is sand (neutral), --a-* is bronze (accent).
   Type: Geist Sans variable 1.9.2 from the geist package (Vercel, SIL OFL 1.1), licence in
   fonts/OFL-Geist.txt. */
@font-face{font-family:"Geist";src:url("/fonts/Geist-Variable.woff2") format("woff2");font-style:normal;font-weight:100 900;font-display:swap}

:root{
  --n-1:#fdfdfc;
  --n-2:#f9f9f8;
  --n-3:#f1f0ef;
  --n-4:#e9e8e6;
  --n-5:#e2e1de;
  --n-6:#dad9d6;
  --n-7:#cfceca;
  --n-8:#bcbbb5;
  --n-9:#8d8d86;
  --n-10:#82827c;
  --n-11:#63635e;
  --n-12:#21201c;
  --a-1:#fdfcfc;
  --a-2:#fdf7f5;
  --a-3:#f6edea;
  --a-4:#efe4df;
  --a-5:#e7d9d3;
  --a-6:#dfcdc5;
  --a-7:#d3bcb3;
  --a-8:#c2a499;
  --a-9:#a18072;
  --a-10:#957468;
  --a-11:#7d5e54;
  --a-12:#43302b;

  /* Type: one family, weights 400 and 500, 600 for the page title only. */
  --font-sans:"Geist","Segoe UI",Arial,sans-serif;
  --text-12:12px; --text-14:14px; --text-16:16px; --text-20:20px; --text-28:28px; --text-40:40px; --text-56:56px;
  --leading-text:1.5; --leading-display:1.15;

  /* Spacing scale (px). Nothing in between. */
  --space-4:4px; --space-8:8px; --space-12:12px; --space-16:16px; --space-24:24px;
  --space-32:32px; --space-48:48px; --space-64:64px; --space-96:96px;

  /* Corners: none on surfaces and tables, 2px on inputs and buttons. */
  --radius-surface:0; --radius-control:2px;

  /* Focus: 2px accent step 11 outline, 2px offset. */
  --focus-ring:2px solid var(--a-11); --focus-offset:2px;

  /* Legacy values, not part of the Quiet modern palette. web/src/site.css feeds them to the
     Untitled UI theme (brand scale) and to the legacy panel and loading screen, which keep
     their current look until rollout step 4 retires them. Do not use them in new rules. */
  --legacy-brand-50:#f8f5f0; --legacy-brand-100:#f0e8dc; --legacy-brand-200:#e4d5c2;
  --legacy-brand-300:#cfb897; --legacy-brand-400:#af8c64; --legacy-brand-500:#926b46;
  --legacy-brand-600:#765638; --legacy-brand-700:#60452e; --legacy-brand-800:#4d3928; --legacy-brand-900:#382a20;
  --legacy-brand-solid:#292622; --legacy-brand-solid-hover:#45403a;
  --legacy-paper:#faf9f6; --legacy-ink:#292622; --legacy-muted:#68635c; --legacy-line:#e6e3dd; --legacy-accent:#765638;
  --legacy-white:#fff;
}
