/* ============================================================================
   BLUE MONADEL INTERNATIONAL LTD — shared design tokens (colour, surface,
   border, radius, focus, page atmosphere).
   Linked by ariel.html and privacy.html (after fonts.css). Token NAMES and
   VALUES mirror the :root of index.html, which is the visual reference; the
   homepage still carries its own copy of these values (it was deliberately
   not edited in this cycle). Typography tokens live in fonts.css, not here.
   ========================================================================== */
:root{
  /* palette — identical to index.html */
  --deep:#04142F; --sapphire:#0B2A5B; --sapphire-2:#1B4FB0; --sapphire-hi:#0F3578;
  --gold:#D49A3A; --gold-2:#E4AC4C; --leaf:#36A269; --white:#fff; --soft:#B9C7E3;
  --ink:#EAF1FB; --alert:#FF8A7A; --alert-soft:#FFB4A8;
  /* borders and surfaces */
  --line:rgba(255,255,255,.14); --hair:rgba(255,255,255,.1);
  --surface:rgba(6,24,56,.74);          /* reading surfaces (privacy cards, workspace) */
  --glass:rgba(8,30,66,.55);            /* floating bars (composer) */
  --radius:18px; --radius-sm:12px;
  /* focus indicator — same on every page */
  --focus:3px solid var(--gold);
  /* page atmosphere: the homepage recipe (sapphire light upper-right, deep navy base) */
  --page-bg:radial-gradient(120% 90% at 70% 15%,var(--sapphire-hi) 0%,var(--sapphire) 38%,var(--deep) 85%);
}