/* Free Ofis design tokens - the single authoritative foundation.

   Loaded before every other stylesheet (see index.html) and the only place the interface
   palette declares a raw colour. The values are the measured set from the theme audit:
   text #12281E is 15.6:1 on white, muted #57685E is 5.9:1 on white, #F4F7F3 on the emerald
   #1E6244 is 7.3:1, and gold #B88A20 is reserved for non-text accents and focus indicators.
   No other contrast ratio is claimed here, and no success or informational colour is defined
   until it has been measured.

   Phase 1 owns colour only. Phase 2 (this change) adds the shape, spacing and elevation steps
   below and takes ownership of the spacing and radius names that used to live in adaptive.css;
   their values are carried over unchanged except the medium radius, which now points at the
   measured .85rem step instead of its own 1rem.

   Documented exceptions, left exactly as they were:
   - --gold-soft (mobile-polish.css) and the Messenger cream tints: no measured equivalent
     exists yet, so the existing light tints are kept rather than inventing a colour.
   - --shadow (mobile-polish.css) and the gold glow on the publish action: their low-alpha
     shadow tints are kept, now pointing at the two elevation steps defined here.
   - --safe-bottom (adaptive.css) stays where the viewport value belongs.
   - --chat-height and --reply-swipe are referenced but defined nowhere in CSS; they are left
     alone rather than guessed at. */
:root{
  --ms-green-900:#0E2E20;
  --ms-green-800:#123D2B;
  --ms-green-700:#1E6244;
  --ms-green-650:#237A52;
  --ms-green-500:#2E8B5F;
  --ms-sage-200:#D8EBDD;
  --ms-sage-100:#EAF3EC;
  --ms-off-white:#F4F7F3;
  --ms-surface:#FFFFFF;
  --ms-surface-sunken:#EDF3EE;
  --ms-line:#D6E3DA;
  --ms-line-strong:#7E978A;
  --ms-text:#12281E;
  --ms-text-muted:#57685E;
  --ms-text-inverse:#F4F7F3;
  --ms-gold:#B88A20;
  --ms-gold-strong:#8C6512;
  --ms-danger:#A23B30;
  --ms-radius-sm:.6rem;
  --ms-radius-md:.85rem;
  --ms-radius-lg:1.25rem;
  /* Shape: one set of steps. The names the application already used are mapped onto it. */
  --ms-radius-round:999px;
  --radius-sm:var(--ms-radius-sm);
  --radius-md:var(--ms-radius-md);
  --radius-lg:var(--ms-radius-lg);
  --radius-round:var(--ms-radius-round);
  /* Spacing: one rhythm. The first four steps are the values adaptive.css used, unchanged. */
  --space-1:.35rem;
  --space-2:.65rem;
  --space-3:1rem;
  --space-4:1.5rem;
  --space-5:2rem;
  --space-6:2.5rem;
  /* Elevation: exactly two levels, so no component has to invent a shadow. */
  --ms-shadow-card:0 1px 2px #123D2B14,0 8px 24px #123D2B0F;
  --ms-shadow-overlay:0 20px 60px #12281E33;
  /* Scrims derived from the forest hue; no new colour is introduced. */
  --ms-scrim:rgba(14,46,32,.87);
  --ms-veil:rgba(255,255,255,.79);
}
