/* Ourbaby design tokens, mirrored from Klubsdk/Ourbaby @ bbe48b177527c3834ad8c3f3a85f003df94cad1a
   Source: src/prototype.css (:root + component rules). Reference image: docs/design/approved-nu.png.
   Only values found in the repo. The repo defines NO dark theme. Spacing is not tokenized in the repo;
   the spacing values below are the literal paddings/gaps used by app components. */
:root{
  /* colors: :root in src/prototype.css */
  --cream:#fffaf7; --plum:#4c173c; --plum-2:#652449; --muted:#6e5266; --blush:#f5eae9;
  --line:#e8dddc; --sage:#7e9272; --danger:#9d304d;
  /* literal colors used in prototype.css components */
  --avatar-1:#efd5d6; --avatar-2:#e5d5da; --orb-1:#f8eeeb; --orb-2:#f5e9e8; --orb-3:#f7efec;
  --field-border:#e4d4da; --btn-border:#e5d3d9; --tile-border:#eadde1; --card-bg:#fffdfb; --card-border:#ecdfdf;
  --row-line:#e9dedf; --warn-bg:#fff5e7; --warn-border:#e6c79f; --error-bg:#fff0f2; --error-border:#e8bdc9;
  --ok-bg:#e4eee8; --ok-ink:#365e49; --desk-bg:#f3eceb; --sync-local:#b67b55; --icon-plum:#765269;
  /* gradients */
  --grad-sleep:linear-gradient(110deg,#5b2646,#4c173c 70%,#602c50);
  --grad-orb:radial-gradient(ellipse at center,#f8eeeb 0%,#f5e9e8 72%,#f7efec 100%);
  --grad-auth:radial-gradient(circle at 50% 12%,#f5e6e7,var(--cream) 42%);
  /* type: .baby-app / headings */
  --font-sans:ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;
  --font-serif:Georgia,"Times New Roman",serif;
  --fw-strong:650; --fw-medium:550; --fw-serif:500;
  --h1-size:clamp(34px,9vw,42px); --h1-tracking:-1.4px; --page-h2:37px; --sheet-title:28px; --section-h3:22px;
  --eyebrow-size:11px; --eyebrow-tracking:2px;
  /* radii */
  --r-pill:36px; --r-action:23px; --r-sheet-primary:22px; --r-card:30px; --r-tile:20px; --r-panel:18px;
  --r-field:15px; --r-input:16px; --r-small:13px; --r-round:999px;
  /* shadows */
  --shadow-card:0 24px 70px #4c173c12; --shadow-app:0 0 50px #4c173c12; --shadow-toast:0 4px 15px #4c173c30;
  --shadow-segment:0 1px 5px #4c173c18; --shadow-banner:0 10px 30px #32112750;
  /* spacing (literal values used by components) */
  --sp-card:28px; --sp-tile:18px; --sp-gap:9px; --sp-gap-2:10px; --sp-page-x:24px;
}
/* components (verbatim values from prototype.css) */
.ob-primary{border:0;background:var(--plum);color:#fff;border-radius:18px;min-height:54px;font-weight:650} /* .auth-primary */
.ob-secondary{border:1px solid #e5d3d9;background:#fff;color:var(--plum);border-radius:18px;min-height:54px;font-weight:650} /* .auth-secondary */
.ob-sleep{height:70px;border-radius:36px;background:var(--grad-sleep);color:#fff;font-size:24px;font-weight:650} /* .sleep-action */
.ob-action{height:67px;border-radius:23px;background:var(--blush);font-size:19px;font-weight:650} /* .action-pair button */
.ob-input{height:52px;border:1px solid #e4d4da;border-radius:15px;padding:0 14px;background:#fff;color:var(--plum);font-size:16px} /* .auth-field input */
.ob-card{background:#fffdfb;border:1px solid #ecdfdf;border-radius:30px;padding:28px;box-shadow:var(--shadow-card)} /* .auth-card */
.ob-tile{background:var(--blush);border-radius:21px;padding:18px} /* .overview-totals div */
.ob-eyebrow{color:var(--muted);text-transform:uppercase;letter-spacing:2px;font-size:11px;font-weight:700} /* .eyebrow */
.ob-notice{padding:12px;border:1px solid #dfcfd3;border-radius:13px;background:var(--blush);color:var(--plum);font-size:13px;line-height:1.4} /* .auth-notice */