/* =====================================================================
   LiF design tokens — the single place colour, type, spacing and motion
   are defined. No colour or font is written anywhere else in this
   repository, and none is constructed in browser JavaScript.

   Colour source: C/C Brand, Colour and Visual Experience Reference v1.1.
   The seven LiF Aspect palettes below are the approved values, recorded
   exactly. Supporting taupe/charcoal/grey are used sparingly and never
   replace the Aspect palettes.

   LIF-REVIEW-DB019-002 — provisional, reversible, centralised here.
   The Brand Reference requires the standard theme to use the approved
   signup-page tones, "captured from the approved visual reference rather
   than estimated". Those tones have not been captured for this journey,
   so the standard theme provisionally uses the approved C/C — Us Together
   palette over the approved #FDF8EA ground. Nothing is estimated: every
   value here appears in the Brand Reference. Replacing the four
   --lif-accent-* values below with the captured signup tones is the whole
   change; no template or script needs editing.
   ===================================================================== */

:root {
  /* ---- Approved LiF Aspect palettes (Brand Reference v1.1 §1) ---- */
  --lif-flow-1: #6B0F0F; --lif-flow-2: #8B1A1A; --lif-flow-3: #B91C1C;
  --lif-flow-4: #DC2626; --lif-flow-5: #EF2D2D; --lif-flow-6: #F87171;

  --lif-life-1: #6D300A; --lif-life-2: #9A4A0D; --lif-life-3: #BF6314;
  --lif-life-4: #D97C24; --lif-life-5: #EB9C47; --lif-life-6: #F5C98A;
  --lif-life-7: #7A2E00; --lif-life-8: #A84400; --lif-life-9: #D45E00;
  --lif-life-10: #F07800; --lif-life-11: #F99B3A; --lif-life-12: #FDCB8A;

  --lif-together-1: #6E5102; --lif-together-2: #9B7605; --lif-together-3: #C49A13;
  --lif-together-4: #D8B22D; --lif-together-5: #E7C95A; --lif-together-6: #F3E1A0;

  --lif-nature-1: #3E5F2D; --lif-nature-2: #5A7A44; --lif-nature-3: #74965E;
  --lif-nature-4: #8CB776; --lif-nature-5: #A9CF9B; --lif-nature-6: #DCEAD2;

  --lif-we-1: #355B82; --lif-we-2: #4C749D; --lif-we-3: #658FBA;
  --lif-we-4: #7CABD3; --lif-we-5: #98C5E6; --lif-we-6: #D5E7F6;

  --lif-me-1: #4A3A86; --lif-me-2: #6250A3; --lif-me-3: #7B65BE;
  --lif-me-4: #9580D6; --lif-me-5: #B1A1E8; --lif-me-6: #E4DCF7;

  --lif-whp-1: #5B3A79; --lif-whp-2: #755091; --lif-whp-3: #9164A9;
  --lif-whp-4: #AC7AC0; --lif-whp-5: #C89CD8; --lif-whp-6: #EEE3F7;

  /* ---- Approved ground and sparing supporting accents (§2) ---- */
  --lif-ground: #FDF8EA;
  --lif-surface: #FFFDF7;
  --lif-surface-raised: #FFFFFF;
  --lif-ink: #2A2622;          /* charcoal, supporting */
  --lif-ink-soft: #5A5148;     /* taupe, supporting */
  --lif-hairline: #E4DAC4;

  /* ---- Standard theme accents — see LIF-REVIEW-DB019-002 ---- */
  --lif-accent-quiet: var(--lif-together-6);
  --lif-accent: var(--lif-together-3);
  --lif-accent-strong: var(--lif-together-2);
  --lif-accent-deep: var(--lif-together-1);
  --lif-accent-ink: #FFFDF7;

  /* ---- Functional status colours. A personal theme never changes
         these, LiF Aspect colours, or future sector colours. ---- */
  --lif-status-quiet: var(--lif-ink-soft);
  --lif-status-attention: var(--lif-life-2);
  --lif-status-problem: var(--lif-flow-2);
  --lif-status-restful: var(--lif-nature-1);

  /* ---- Type. Prototype fonts are temporary and replaceable here. ---- */
  --lif-font-body: "Georgia", "Iowan Old Style", "Palatino Linotype", serif;
  --lif-font-ui: "Segoe UI", system-ui, -apple-system, "Helvetica Neue", sans-serif;
  --lif-size-xs: 0.8125rem;
  --lif-size-sm: 0.9375rem;
  --lif-size-md: 1.0625rem;
  --lif-size-lg: 1.375rem;
  --lif-size-xl: 1.75rem;
  --lif-size-xxl: 2.25rem;
  --lif-leading-tight: 1.3;
  --lif-leading: 1.6;

  /* ---- Generous spacing (§1 Governing human experience) ---- */
  --lif-space-1: 0.25rem;
  --lif-space-2: 0.5rem;
  --lif-space-3: 0.75rem;
  --lif-space-4: 1rem;
  --lif-space-5: 1.5rem;
  --lif-space-6: 2rem;
  --lif-space-7: 3rem;
  --lif-space-8: 4rem;

  --lif-radius-sm: 6px;
  --lif-radius: 14px;
  --lif-radius-lg: 22px;
  --lif-shadow: 0 1px 2px rgba(42, 38, 34, 0.05), 0 8px 24px rgba(42, 38, 34, 0.06);

  /* ---- Gentle, purposeful movement only ---- */
  --lif-motion-quick: 140ms;
  --lif-motion-calm: 260ms;
  --lif-motion-ease: cubic-bezier(0.32, 0.72, 0.36, 1);

  --lif-measure: 68ch;
  --lif-sidebar-width: 17rem;
}

/* Member-selectable Aspect themes. The control that sets data-lif-theme
   belongs to a later Playground-settings journey; the token structure is
   defined now so that journey never has to rebuild templates. Accents
   touch navigation, buttons, card borders and selected states only. */
[data-lif-theme="flow"] {
  --lif-accent-quiet: var(--lif-flow-6); --lif-accent: var(--lif-flow-3);
  --lif-accent-strong: var(--lif-flow-2); --lif-accent-deep: var(--lif-flow-1);
}
[data-lif-theme="life"] {
  --lif-accent-quiet: var(--lif-life-6); --lif-accent: var(--lif-life-3);
  --lif-accent-strong: var(--lif-life-2); --lif-accent-deep: var(--lif-life-1);
}
[data-lif-theme="together"] {
  --lif-accent-quiet: var(--lif-together-6); --lif-accent: var(--lif-together-3);
  --lif-accent-strong: var(--lif-together-2); --lif-accent-deep: var(--lif-together-1);
}
[data-lif-theme="nature"] {
  --lif-accent-quiet: var(--lif-nature-6); --lif-accent: var(--lif-nature-2);
  --lif-accent-strong: var(--lif-nature-1); --lif-accent-deep: var(--lif-nature-1);
}
[data-lif-theme="we"] {
  --lif-accent-quiet: var(--lif-we-6); --lif-accent: var(--lif-we-2);
  --lif-accent-strong: var(--lif-we-1); --lif-accent-deep: var(--lif-we-1);
}
[data-lif-theme="me"] {
  --lif-accent-quiet: var(--lif-me-6); --lif-accent: var(--lif-me-2);
  --lif-accent-strong: var(--lif-me-1); --lif-accent-deep: var(--lif-me-1);
}
[data-lif-theme="whole-human-potential"] {
  --lif-accent-quiet: var(--lif-whp-6); --lif-accent: var(--lif-whp-2);
  --lif-accent-strong: var(--lif-whp-1); --lif-accent-deep: var(--lif-whp-1);
}