/* Design tokens. Loaded on the front end and inside the block editor. */
:root,
.editor-styles-wrapper {
  --ink: #16131f;
  --muted: #5f5a6c;
  --paper: #f5f3ff;
  --paper-2: #e6e0ff;
  --paper-wash: linear-gradient(180deg, #faf9ff 0%, #f5f3ff 100%);
  --paper-wash-soft: linear-gradient(180deg, #f3f0ff 0%, #e6e0ff 100%);
  --card: #fbfaff;
  --card-glass: rgba(251, 250, 255, 0.82);
  --field: #f6f4ff;
  --visual: linear-gradient(145deg, #f8f6ff, #f1eefe);
  --tint-a: #ece6ff;
  --tint-b: #dff7f2;
  --header-bg: rgba(245, 243, 255, 0.92);
  --menu-bg: rgba(250, 249, 255, 0.985);
  --white: #ffffff;
  --line: rgba(28, 22, 48, 0.14);
  --violet: #6118d7;
  --violet-dark: #3e0b94;
  --mint: #1dd6be;
  --mint-soft: #c8fff3;
  --dark: #16131c;
  --charcoal: #141820;
  --midnight: #14111c;
  --navy-bg: linear-gradient(145deg, #2c1458, #14111f 62%, #102824);
  --violet-bg: linear-gradient(145deg, #4c12b0, #24104a 78%);
  --band-bg: linear-gradient(135deg, #3a1080 0%, #241044 55%, #14111c 100%);
  /* Editorial accents (service / editorial pages) */
  --es-navy: #14111c;
  --es-teal: #14bfa7;
  --es-blue: #5279d8;
  --es-amber: #f0ad52;
  --es-red: #d45d63;
  --radius: 24px;
  --shell: min(1200px, calc(100vw - 48px));
  --shadow: 0 30px 80px rgba(35, 24, 59, 0.14);
  --font-sans: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

@media (max-width: 1050px) {
  :root,
  .editor-styles-wrapper { --shell: min(100% - 36px, 900px); }
}

@media (max-width: 760px) {
  :root,
  .editor-styles-wrapper { --shell: min(100% - 28px, 620px); --radius: 20px; }
}