/* Rentoplan UI — tokens. Единственный источник значений. Ничего не хардкодим в модулях. */
:root {
  /* Brand */
  --rp-accent: #C8102E;
  --rp-accent-hover: #A80D26;
  --rp-accent-soft: #FBE7EA;
  --rp-accent-text: #A80D26;

  /* Neutral */
  --rp-n0: #FFFFFF;
  --rp-n50: #F5F6F8;
  --rp-n100: #EEF0F4;
  --rp-n200: #E4E7EC;
  --rp-n300: #C9CED6;
  --rp-n400: #9AA1AD;
  --rp-n500: #6B7180;   /* [2026-09-04] was #6B7280: 4.47 against --rp-n50, just under the 4.5
                           minimum, so secondary text on light surfaces failed the contrast check.
                           One step darker in green clears it (4.52) and is invisible to the eye. */
  --rp-n700: #3A3F49;
  --rp-n900: #16181D;

  /* Roles */
  --rp-bg: var(--rp-n0);
  --rp-surface: var(--rp-n50);
  --rp-border: var(--rp-n200);
  --rp-text: var(--rp-n900);
  --rp-text-2: var(--rp-n500);
  --rp-text-3: var(--rp-n400);
  --rp-ink: var(--rp-n900);
  --rp-on-ink: #FFFFFF;

  /* Semantic */
  --rp-success: #1E9E5A; --rp-success-soft: #E6F6EC; --rp-success-text: #1E7A46;
  --rp-warning: #E9A23B; --rp-warning-soft: #FCF1E0; --rp-warning-text: #9A5B00;
  --rp-danger:  #E0442E; --rp-danger-soft:  #FCE8E4; --rp-danger-text:  #A3301F;
  --rp-info:    #0E7C86; --rp-info-soft:    #E3F3F4; --rp-info-text:    #0B5E66;

  /* Type */
  --rp-font: 'Manrope', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
  --rp-fs-12: 12px; --rp-fs-13: 13px; --rp-fs-14: 14px; --rp-fs-15: 15px; --rp-fs-17: 17px;
  --rp-fs-20: 20px; --rp-fs-24: 24px; --rp-fs-28: 28px; --rp-fs-36: 36px; --rp-fs-44: 44px; --rp-fs-56: 56px;
  --rp-lh: 1.5;
  --rp-track-h: -0.03em;

  /* Space (4px step) */
  --rp-s1: 4px; --rp-s2: 8px; --rp-s3: 12px; --rp-s4: 16px; --rp-s5: 20px;
  --rp-s6: 24px; --rp-s8: 32px; --rp-s10: 40px; --rp-s12: 48px; --rp-s14: 56px; --rp-s16: 64px;

  /* Radius */
  --rp-r-sm: 8px; --rp-r-md: 12px; --rp-r-lg: 16px; --rp-r-xl: 20px; --rp-r-2xl: 24px; --rp-r-pill: 999px;

  /* Elevation */
  --rp-sh-sm: 0 1px 3px rgba(22,24,29,.10);
  --rp-sh-md: 0 4px 16px rgba(22,24,29,.06);
  --rp-sh-lg: 0 16px 40px -12px rgba(22,24,29,.35);
  --rp-sh-pin: 0 2px 8px rgba(22,24,29,.15);

  /* Control heights */
  --rp-h-sm: 36px; --rp-h-md: 44px; --rp-h-lg: 52px;

  /* Layout */
  --rp-container: 1280px;
  --rp-gutter: 40px;
  --rp-gutter-m: 16px;
  --rp-header-h: 80px;
  --rp-header-h-m: 60px;
  --rp-tabbar-h: 64px;

  /* Motion */
  --rp-ease: cubic-bezier(.2,.7,.2,1);
  --rp-t-fast: 120ms;
  --rp-t: 200ms;

  /* Z */
  --rp-z-header: 100; --rp-z-dropdown: 200; --rp-z-sheet: 300; --rp-z-modal: 400; --rp-z-toast: 500;

  /* Safe areas */
  --rp-safe-b: env(safe-area-inset-bottom, 0px);
}
@media (prefers-reduced-motion: reduce) {
  :root { --rp-t: 0ms; --rp-t-fast: 0ms; }
}