/* ============================================================
   VENDORED FILE. Do not hand-edit to fix a colour.

   Source:   Loma Habits app repo,
             docs/design-system/tokens.css (v1.0.0)
   Taken:    2026-08-19
   Upstream: extracted 2026-07-05 from the shipped SwiftUI app.

   One correction applied on vendoring, marked inline below:
   --swipe-skip-reveal. Upstream still carries the dusty rose
   #C99094 it was extracted with; the app replaced it with the
   skip lavender #A099C2 on 2026-08-01, because the rose read as
   a warning tint on a deliberately gentle action. Upstream is
   stale, not authoritative, on that one token.

   If the app's tokens change, re-vendor this whole file and
   re-apply the note above. This site never reaches back into
   the app repo at build or run time.
   ============================================================ */

:root {
  /* ---- Type ---- */
  --font-family: 'Hanken Grotesk', -apple-system, 'SF Pro', system-ui, sans-serif;
  --weight-regular: 400;
  --weight-medium: 500;
  --weight-semibold: 600;

  /* ---- Ink (light) ---- */
  --ink-primary: #2A2434;
  --ink-soft: #3B3447;
  --ink-muted: rgba(60, 50, 80, 0.70);
  --ink-hair: rgba(60, 50, 70, 0.12);
  --ink-hair-heavy: rgba(60, 50, 70, 0.18);
  --ink-on-primary: #FFFFFF;
  --ink-pill-tint: rgba(42, 36, 52, 0.04);

  /* ---- Life Balance states (light) — mid / deep / highlight / label ---- */
  --state-glowing-mid: #6CAE89;     --state-glowing-deep: #408564;     --state-glowing-hi: #DCEADD;     --state-glowing-label: #408564;
  --state-glowing-halo: #F2D27A;
  --state-content-mid: #6CAE89;     --state-content-deep: #3F8462;     --state-content-hi: #DCEADD;     --state-content-label: #3F8462;
  --state-centered-mid: #4DA0B5;    --state-centered-deep: #2A7691;    --state-centered-hi: #CFE4EB;    --state-centered-label: #2A7691;
  --state-striving-mid: #F0D6A8;    --state-striving-deep: #BE9D6A;    --state-striving-hi: #F8EAC9;    --state-striving-label: #BE9D6A;
  --state-overflowing-mid: #EFC3B8; --state-overflowing-deep: #BE8579; --state-overflowing-hi: #FAD7CB; --state-overflowing-label: #BE8579;
  --state-drifting-mid: #5B7BD8;    --state-drifting-deep: #3D5BB0;    --state-drifting-hi: #D0DCF5;    --state-drifting-label: #3D5BB0;
  --state-resting-mid: #A099C2;     --state-resting-deep: #786E96;     --state-resting-hi: #E4DFEC;     --state-resting-label: #786E96;
  --state-holiday-mid: #F2C75A;     --state-holiday-deep: #D89A38;     --state-holiday-hi: #FCEAC0;     --state-holiday-label: #D89A38;

  /* Arc rainbow, left → right (purple → coral) */
  --arc-1: #A099C2; --arc-2: #5B7BD8; --arc-3: #4DA0B5; --arc-4: #6CAE89;
  --arc-5: #4DA0B5; --arc-6: #F0D6A8; --arc-7: #EFC3B8;

  /* ---- Urgency chips (same both schemes — warm, never traffic-light) ---- */
  --chip-overdue: #D97C7C;
  --chip-today: #D9A654;     /* also "Suggested" for flexible pace */
  --chip-soon: #7BA489;
  --chip-later: #A6A2AA;

  /* ---- Brand / outcomes (same both schemes) ---- */
  --brand-sage: #7BA489;        /* toggle-on, complete reveal */
  --brand-destructive: #B85A5A;
  --outcome-done: #6CAE89;
  --outcome-skipped: #A099C2;
  --outcome-missed: #C9C3CC;
  --swipe-skip-reveal: #A099C2; /* left-swipe skip lavender. CORRECTED on vendoring, see header. */
  --undo-gold: #F2D27A;         /* undo toast depleting ring */

  /* ---- Theme accents (saturated signature colours) ---- */
  --accent-aurora: #8E7CD8;  --accent-blush: #DD6F92;   --accent-coral: #E9764C;
  --accent-apricot: #D79233; --accent-butter: #B59A2C;  --accent-citrus: #7DA539;
  --accent-fern: #4DA85F;    --accent-mint: #2FA88C;    --accent-lagoon: #2A95B2;
  --accent-sky: #4C8AD8;     --accent-periwinkle: #6A6FD6; --accent-orchid: #B556C2;

  /* ---- Backgrounds ---- */
  --bg-aurora:
    radial-gradient(circle at 0% 0%, #F8DEDD 0%, transparent 38%),
    radial-gradient(circle at 100% 12%, #D5DFF0 0%, transparent 42%),
    radial-gradient(circle at 100% 100%, #FCE3D7 0%, transparent 50%),
    radial-gradient(circle at 0% 90%, #E8D8F0 0%, transparent 45%),
    linear-gradient(180deg, #EBE2F4 0%, #EADFEF 100%);
  --bg-vacation:
    radial-gradient(circle at 0% 0%, #ECE2EC 0%, transparent 40%),
    radial-gradient(circle at 100% 100%, #EAE2EA 0%, transparent 45%),
    linear-gradient(180deg, #E4DDE6 0%, #DFD8E1 100%);

  /* ---- Shape (pt) ---- */
  --radius-card: 20px;
  --radius-group: 18px;
  --radius-row: 18px;
  --radius-chart: 22px;
  --radius-sheet-top: 28px;
  --radius-pill: 100px;

  /* ---- Size (pt) ---- */
  --size-fab: 56px;
  --size-gear: 44px;
  --size-min-touch: 44px;
  --size-row-emoji: 38px;

  /* ---- Space (pt) ---- */
  --space-screen-h: 24px;
  --space-row-margin: 16px;

  /* ---- Surfaces ---- */
  /* Cards are frosted blur Materials, never literal translucent white.
     CSS approximation of .regularMaterial on a pastel field: */
  --surface-card: rgba(255, 255, 255, 0.55);
  --surface-card-blur: saturate(1.8) blur(20px);
  --shadow-card: 0 6px 18px rgba(40, 30, 55, 0.045), 0 1px 2px rgba(40, 30, 55, 0.04);
}

/* ============================ DARK ============================ */
[data-scheme="dark"], .dark {
  --ink-primary: #F1ECF6;
  --ink-soft: #CCC4D8;
  --ink-muted: rgba(241, 236, 246, 0.64);
  --ink-hair: rgba(255, 255, 255, 0.12);
  --ink-hair-heavy: rgba(255, 255, 255, 0.16);
  --ink-on-primary: #241B30;
  --ink-pill-tint: transparent;

  --state-glowing-mid: #5FC596;     --state-glowing-deep: #2E8F66;     --state-glowing-hi: #C9F0DC;     --state-glowing-label: #93DBB6;
  --state-glowing-halo: #F5D98A;
  --state-content-mid: #5FC596;     --state-content-deep: #2E8F66;     --state-content-hi: #C9F0DC;     --state-content-label: #93DBB6;
  --state-centered-mid: #46B8D4;    --state-centered-deep: #2487A3;    --state-centered-hi: #BFEAF3;    --state-centered-label: #82D2E8;
  --state-striving-mid: #F2CB73;    --state-striving-deep: #C79A47;    --state-striving-hi: #FBEAC0;    --state-striving-label: #F6D89A;
  --state-overflowing-mid: #F2A78F; --state-overflowing-deep: #C77559; --state-overflowing-hi: #FBD8CC; --state-overflowing-label: #F6BCAA;
  --state-drifting-mid: #6E8DF0;    --state-drifting-deep: #4660C4;    --state-drifting-hi: #CDD9FB;    --state-drifting-label: #A9BDF6;
  --state-resting-mid: #A793E2;     --state-resting-deep: #7E66BE;     --state-resting-hi: #DDD2F4;     --state-resting-label: #C7B9F2;
  --state-holiday-mid: #F5C84F;     --state-holiday-deep: #D99C32;     --state-holiday-hi: #FCEBBE;     --state-holiday-label: #F8D98C;

  --arc-1: #A793E2; --arc-2: #6E8DF0; --arc-3: #46B8D4; --arc-4: #5FC596;
  --arc-5: #46B8D4; --arc-6: #F2CB73; --arc-7: #F2A78F;

  /* Dark card material approximation */
  --surface-card: rgba(30, 24, 40, 0.52);
  --shadow-card: 0 6px 18px rgba(0, 0, 0, 0.25), 0 1px 2px rgba(0, 0, 0, 0.2);
}