/* Fastlog design tokens: Today screen v5 (docs/design/mockups/home-screen-v5.html).
   Dark theme only for v1. */
:root {
  color-scheme: dark;

  /* surfaces */
  --bg: #0B0B0D;
  --s1: #16171A;
  --s2: #1E2024;
  --s3: #3A3D42;
  --sep: #2A2C31;

  /* text: t1 18.6:1, t2 7.6:1, t3 6.0:1 on --bg */
  --t1: #F5F5F7;
  --t2: #A1A1AA;
  --t3: #8A8F98;

  /* accents: teal = fasting, progress and app accent; amber = eating and food */
  --teal: #3FD5B6;
  --teal-ink: #04201A;
  --teal-tint: rgba(63, 213, 182, .16);
  --amber: #F2A541;
  --amber-ink: #2A1A04;
  --amber-tint: rgba(242, 165, 65, .15);
  --green: #30D158;
  --green-tint: rgba(48, 209, 88, .16);
  --red: #FF6961;
  --red-tint: rgba(255, 105, 97, .16);
  --red-line: rgba(255, 105, 97, .45);
  /* body copy on dark (auth screens, notes) */
  --t-body: #D1D1D6;

  /* ring */
  --track: #5C6068;
  --tick-up: #C7CBD1;
  --sw-off: #6B6F77;

  /* body stages (body only): digesting, settles, fat burning, ketosis, deep */
  --st1: #A1A1AA;
  --st2: #5AC8FA;
  --st3: #FF8A4C;
  --st4: #FFD60A;
  --st5: #A78BFA;
  --st-ink: #2A1206;

  /* radii */
  --r-card: 20px;
  --r-tile: 12px;
  --r-pill: 999px;

  /* spacing: 8 pt grid, 4 pt half step */
  --sp-1: 4px;
  --sp-2: 8px;
  --sp-3: 12px;
  --sp-4: 16px;
  --sp-5: 20px;
  --sp-6: 24px;
  --sp-8: 32px;
  --sp-10: 40px;
  --sp-12: 48px;
  --sp-16: 64px;
  --gutter: 16px;

  /* touch targets */
  --tap-primary: 52px;
  --tap-min: 44px;

  /* type */
  --font: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Inter", system-ui, "Segoe UI", Roboto, sans-serif;
  --font-display: -apple-system, BlinkMacSystemFont, "SF Pro Display", "Inter", system-ui, "Segoe UI", Roboto, sans-serif;

  /* motion */
  --ease-out: cubic-bezier(.2, .8, .2, 1);
  --press: .12s ease;
}