/* Cloudwerx Design System v1: framework-neutral tokens. */
:root {
  --white: #FFFFFF;
  --paper: #F4F1E9;
  --quiet: #E5E9E8;
  --ink: #263943;
  --muted: #374A51;
  --midnight: #112B39;
  --cobalt: #1E4D9A;
  --teal: #21C9D1;
  --teal-deep: #048A8F;
  --sage: #C5F799;
  --teal-pale: #D9FFFB;

  /* Compatibility alias. Deep teal is core; it is not a legacy accent. */
  --teal-muted: var(--teal-deep);

  --accent-cerulean: #2F8AC6;
  --accent-seafoam: #5ED1BE;
  --accent-burnt-orange: #D97A1A;
  --accent-coral: #D85A3A;
  --accent-dusty-violet: #8A5DAA;
  --accent-cranberry: #9A1E4D;
  --accent-olive-lime: #4D9A1E;

  --state-error-ink: #842D3B;
  --state-error-bg: #FBF0EF;
  --state-completed-ink: #285A4C;
  --state-completed-bg: #EDF5F1;
  --state-disabled-ink: #526166;
  --state-disabled-bg: #DFE2DE;

  --font-serif: "Source Serif 4", serif;
  --font-sans: "Figtree", sans-serif;
  --font-heading: var(--font-serif);
  --font-lead: var(--font-serif);
  /* Legacy editorial alias is restricted to short introductory leads. */
  --font-editorial: var(--font-lead);
  --font-body: var(--font-sans);
  --font-ui: var(--font-sans);
  --font-eyebrow: var(--font-sans);
  /* Generic text defaults to Figtree. Serif requires an explicit permitted role. */
  --font-family: var(--font-body);
  --font-weight-regular: 400;
  --font-weight-semibold: 600;
  --space-join: 0.5rem;
  --space-control-inset: 0.75rem 1rem;
  --space-component: clamp(1rem, 2vw, 1.5rem);
  --space-section: clamp(2.5rem, 5vw, 5rem);
  --space-chapter: clamp(5rem, 10vw, 10rem);
  --space-stage-gap: clamp(2rem, 4vw, 5rem);
  /* Generic elevation, not an extra shadow on photographic paper. */
  --shadow-sheet: 0 1.5rem 4.5rem rgba(11, 32, 45, 0.09);
  --shadow-card: 0 1.2rem 2.8rem rgba(13, 32, 48, 0.12);
  --shadow-media: 0 1.6rem 3.5rem rgba(11, 32, 45, 0.12);
  --shadow-hover: 0 0.6rem 1.4rem rgba(17, 43, 57, 0.18);
}

/* Solid section/fold and header/menu backgrounds may use --white, --midnight,
   or --teal-deep. Cobalt and plain hex-only cream cannot fill those fields.
   Textured cream PAPER may fill entire sections and folds when rendered with
   the bundled paper component, including its mandatory exposed lower edge.
   Only --white or --midnight may underlay paper. Never paper on paper. */