/*
 * 1Fit Kids design tokens, sampled from the app screens.
 * Shared by the public site (site.css) and the admin panel (panel.css).
 */
:root {
  /* Brand */
  --c-primary: #00B4ED;        /* buttons, active tabs, splash background */
  --c-primary-press: #00A4DD;  /* pressed / hover */
  --c-primary-soft: #E3F6FD;   /* tinted backgrounds, selected chips */
  --c-violet: #451DFC;         /* the 1F badge */
  --c-teal: #1FCFA9;
  --c-coin: #13C36D;           /* жетоны coin */

  /* Surfaces */
  --c-bg: #F1F1F2;             /* app background */
  --c-surface: #FFFFFF;        /* cards */
  --c-chip: #F0F0F0;           /* inputs, chips, secondary buttons */
  --c-border: #E3E4E7;
  --c-dark: #07080D;           /* dark login screen */
  --c-dark-2: #202125;         /* secondary button on dark */

  /* Text */
  --c-text: #212121;
  --c-text-2: #838C97;
  --c-on-dark: #FAFAFA;
  --c-on-primary: #FFFFFF;

  /* Feedback */
  --c-success: #13C36D;
  --c-success-soft: #E4F8EE;
  --c-warning: #F59E0B;
  --c-warning-soft: #FEF3DC;
  --c-danger: #EF4444;
  --c-danger-soft: #FDE8E8;

  /* Shape */
  --r-card: 24px;
  --r-control: 16px;
  --r-small: 12px;
  --r-pill: 999px;
  --shadow-card: 0 1px 2px rgba(16, 24, 40, .04), 0 8px 24px rgba(16, 24, 40, .06);
  --shadow-float: 0 8px 32px rgba(0, 120, 170, .28);

  /* Type: the app uses SF Pro, so the system stack keeps the same feel. */
  --font: -apple-system, BlinkMacSystemFont, "SF Pro Text", "SF Pro Display", "Inter",
          "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --fs-xs: 12px;
  --fs-s: 14px;
  --fs-m: 16px;
  --fs-l: 20px;
  --fs-xl: 28px;
  --fs-xxl: 36px;

  /* Sizing */
  --tap: 52px;                 /* height of primary buttons (thumb-friendly) */
  --gutter: 16px;              /* page side padding on phones */
  --content: 560px;            /* max width of the public pages' column */
}