/* =============================================================================
   PassKrypt design tokens - SINGLE SOURCE OF TRUTH
   Shared by the marketing site, the billing portal and (by mirroring) the
   desktop/web app and the transactional emails.

   These values are copied from renderer/index.html :root. If you change one
   here, change it there too - and in server/account/src/emails.js, whose
   templates must inline literal hex because email clients do not support
   custom properties.

   Note: the emails currently use a slightly darker shell (#0b0e14 / #151a23)
   than the app (#0f1218 / #1a212b). The app values below are canonical; the
   email shell is scheduled to be brought in line.
   ========================================================================== */
:root{
  /* surfaces */
  --bg:#0f1218;
  --bg2:#151a22;
  --panel:#1a212b;
  --panel2:#212a36;

  /* strokes */
  --line:#2a3441;
  --line2:#354251;

  /* type */
  --txt:#e6ebf2;
  --muted:#8a97a8;
  --muted2:#5f6c7d;

  /* brand */
  --accent:#4f8cff;
  --accent2:#3b74e0;
  --accent-alt:#7a5cff;               /* the gradient partner used in the logo mark */
  --grad:linear-gradient(135deg,var(--accent),var(--accent-alt));

  /* status */
  --green:#37c98b;
  --yellow:#f2c14e;
  --orange:#f28c4e;
  --red:#f2545b;

  /* shape + type stacks (self-hosted only - no webfont requests) */
  --radius:9px;
  --radius-lg:16px;
  --shadow:0 6px 24px rgba(0,0,0,.35);
  --shadow-lg:0 24px 70px rgba(0,0,0,.5);
  --sans:'Segoe UI',system-ui,-apple-system,Roboto,Helvetica,Arial,sans-serif;
  --mono:'SFMono-Regular',Consolas,'Liberation Mono',Menlo,monospace;

  /* marketing-only rhythm */
  --maxw:1140px;
  --gut:24px;
}