/* Swipix — component-level color roles, read from the spec rows in
   "Colors Swipix.fig". Each pair is background / content, plus stroke where the
   row says "состоит из фона, контента и обводки". */
:root{
  /* Condition — all three are gradients */
  --condition-info:linear-gradient(135deg,#0095FF 0%,#00C6B8 100%); /* @kind color */
  --condition-success:linear-gradient(135deg,#2AC300 0%,#FFCA00 100%); /* @kind color */
  --condition-negative:linear-gradient(135deg,#E61515 0%,#FD00E9 100%); /* @kind color */

  /* Buttons — Primary */
  --btn-primary-1-bg:#01E3EB;
  --btn-primary-1-content:#000000;
  --btn-primary-2-bg:#01E3EB;
  --btn-primary-2-content:#FFFFFF;
  --btn-primary-3-bg:#01E3EB;
  --btn-primary-3-content:#FFFFFF;
  --btn-primary-white-bg:#FFFFFF;
  --btn-primary-white-content:#071324;
  /* Buttons — Secondary / Tertiary */
  --btn-secondary-bg:#071324;
  --btn-secondary-stroke:#01E3EB;
  --btn-secondary-content:#01E3EB;
  --btn-tertiary-bg:transparent; /* @kind color */
  --btn-tertiary-content:#B0B4B9;
  /* Buttons — states & specials */
  --btn-negative-bg:#E61515;
  --btn-negative-content:#FFFFFF;
  --btn-additional-default-bg:rgba(255,255,255,0.15);
  --btn-additional-default-content:#FFFFFF;
  --btn-additional-bright-bg:rgba(255,255,255,0.15);
  --btn-additional-bright-content:#01E3EB;
  --btn-glass-bg:rgba(255,255,255,0.15);
  --btn-glass-content:#FFFFFF;
  --btn-glass-stroke:var(--glass-stroke-dark);
  --btn-logout-bg:rgba(255,255,255,0.15);
  --btn-logout-content:#E61515;

  /* Swipe to action — background / content is always white */
  --swipe-delete-bg:#E61515;
  --swipe-complain-bg:#EB9100;
  --swipe-edit-bg:#0095FF;
  --swipe-share-bg:#2AC300;
  --swipe-content:#FFFFFF;

  /* Input */
  --input-default-bg:rgba(255,255,255,0.10);
  --input-non-default-bg:#071324;
  /* Chip */
  --chip-default-bg:rgba(255,255,255,0.10);
  --chip-default-content:#FFFFFF;
  --chip-selected-bg:#071324;
  /* Glass treatment on the selected chip (Chips.fig, node 40:4217). The fill is
     the glass linear at 180°, the stroke is the 3-stop glass stroke gradient. */
  --chip-selected-glass-bg:linear-gradient(180deg,rgba(255,255,255,0.1) 0%,rgba(255,255,255,0.3) 100%); /* @kind color */
  --chip-selected-stroke:var(--glass-stroke-dark);
  --chip-selected-content:#FFFFFF;
  --chip-button-bg:rgba(255,255,255,0.15);
  --chip-button-content:#FFFFFF;
  /* Context menu — blurred panel over content (Context menu.fig, node 58:6592) */
  --menu-bg:rgba(27,38,54,0.88);
  --menu-blur:12px;
  --menu-shadow:0px 0px 16px 0px rgba(0,0,0,0.08);
  --menu-divider:var(--stroke-light);
  /* Dating event kinds — badge disc fill and matching avatar ring (Event.fig) */
  --grad-like:linear-gradient(135deg,#01E3EB 0%,#FD00E9 100%); /* @kind color */
  --grad-match:linear-gradient(135deg,#FF008C 0%,#FF8C00 100%); /* @kind color */
  --grad-superlike:linear-gradient(135deg,#01E3EB 0%,#02A9AF 100%); /* @kind color */
  /* Event badges (Event.fig, node 63:8021). superlike and like are the library
     glass ramps under a different authored angle — the components resolve those
     two through `--glass-primary` / `--glass-secondary` instead, so only
     match, which has no library entry, is still consumed from here. */
  --event-badge-match:linear-gradient(104.191deg,rgb(253,0,233) 0%,rgb(255,140,0) 78.12%); /* @kind color */
  --event-badge-superlike:linear-gradient(101.310deg,rgba(2,169,175,0.7) 0%,rgba(2,169,175,0.3) 100%); /* @kind color */
  --event-badge-like:linear-gradient(180deg,rgba(255,255,255,0.1) 0%,rgba(255,255,255,0.3) 100%); /* @kind color */
  /* Donation */
  --donation-default-bg:linear-gradient(135deg,rgba(7,19,36,0) 0%,rgba(7,19,36,0.7) 100%); /* @kind color */
  --donation-selected-bg:#071324;
  /* Control — switches, radios, checkboxes */
  --control-off-bg:rgba(255,255,255,0.20);
  --control-on-bg:#071324;
  /* Badge */
  --badge-bg:#FF008C;
  --badge-glass-bg:linear-gradient(180deg,rgba(255,255,255,0.10) 0%,rgba(255,255,255,0.30) 100%); /* @kind color */
  --badge-boosted-bg:linear-gradient(104.56deg,#0095FF 0%,#9E0091 100%); /* @kind color */
  /* Other */
  --password-text:#F87700;
}
