/* apps/gym/tokens.css — Athletic mono mood */

:root {
  /* Telegram theme-driven core */
  --c-bg:          var(--tg-theme-bg-color, #ffffff);
  --c-bg-elevated: var(--tg-theme-secondary-bg-color, #f5f5f5);
  --c-text:        var(--tg-theme-text-color, #111111);
  --c-text-muted:  var(--tg-theme-hint-color, #707072);

  /* App-owned chrome (deliberately not tg-theme-button-color — monochrome contract) */
  --c-accent:      #111111;
  --c-accent-fg:   #ffffff;
  --c-line:        #e5e5e5;
  --c-signal:      #d30005; /* semantic only: active set, destructive confirm */

  /* Shape */
  --r-card: 0px;
  --r-pill: 999px;

  /* Spacing (8-base) */
  --sp-1: 4px;
  --sp-2: 8px;
  --sp-3: 12px;
  --sp-4: 18px;
  --sp-5: 24px;
  --sp-6: 48px;

  /* Type */
  --fs-label:   11px;  /* uppercase mono labels */
  --fs-caption: 13px;  /* empty/error state subtext */
  --fs-body:    15px;
  --fs-title:   26px;
  --fs-icon:    22px;  /* glyph inside empty/error mark */
  --fs-display: 40px;  /* hero weight/reps entry */

  /* Sizes */
  --sz-icon: 56px;   /* empty/error state circular mark */
  --r-xs: 2px;       /* skeleton bar corners */
  --measure-sm: 240px; /* empty/error subtext max-width */

  --font-sans: -apple-system, "SF Pro Text", ui-sans-serif, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  --font-mono: "SF Mono", ui-monospace, "Cascadia Mono", "Roboto Mono", Menlo, Consolas, monospace;
}

:root[data-theme="dark"] {
  --c-bg:          var(--tg-theme-bg-color, #111111);
  --c-bg-elevated: var(--tg-theme-secondary-bg-color, #1c1c1c);
  --c-text:        var(--tg-theme-text-color, #f5f5f5);
  --c-text-muted:  var(--tg-theme-hint-color, #8a8a8a);
  --c-accent:      #f5f5f5;
  --c-accent-fg:   #111111;
  --c-line:        #2a2a2a;
  --c-signal:      #ff4d4d;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --c-bg:          var(--tg-theme-bg-color, #111111);
    --c-bg-elevated: var(--tg-theme-secondary-bg-color, #1c1c1c);
    --c-text:        var(--tg-theme-text-color, #f5f5f5);
    --c-text-muted:  var(--tg-theme-hint-color, #8a8a8a);
    --c-accent:      #f5f5f5;
    --c-accent-fg:   #111111;
    --c-line:        #2a2a2a;
    --c-signal:      #ff4d4d;
  }
}