/* Swiffy design tokens — extracted from the Swiffy app v3
   (swiffy_app/swiffy_v3/lib/core/theme/ and lib/core/widgets/), 2026-10-06.
   The app is the source of truth: a value that changes there changes here.
   Font URLs are relative to this file. */

@font-face { font-family: "Inter"; src: url("fonts/inter-400.woff2") format("woff2"); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: "Inter"; src: url("fonts/inter-500.woff2") format("woff2"); font-weight: 500; font-style: normal; font-display: swap; }
@font-face { font-family: "Inter"; src: url("fonts/inter-600.woff2") format("woff2"); font-weight: 600; font-style: normal; font-display: swap; }
@font-face { font-family: "Inter Tight"; src: url("fonts/inter-tight-600.woff2") format("woff2"); font-weight: 600; font-style: normal; font-display: swap; }

:root {
  /* Colour — AppColors */
  --sw-primary: #000000;              /* buttons, user bubble, strong text */
  --sw-text: #14181B;                 /* primaryText */
  --sw-text-secondary: #57636C;       /* secondaryText: labels, hints, captions */
  --sw-text-labels: rgba(20, 24, 27, 0.75);
  --sw-bg: #FBFBFB;                   /* primaryBackground: page */
  --sw-surface: #FFFFFF;              /* secondaryBackground: cards, pills, fields */
  --sw-alternate: #E0E3E7;            /* borders, dividers, inactive icons */
  --sw-cyan: #00C0FF;                 /* newSecondary: verified badge, active state */
  --sw-teal: #39D2C0;                 /* secondary */
  --sw-sky: #8FE3FF;                  /* orb only */
  --sw-orange: #EE8B60;               /* tertiary: rare accent */
  --sw-success: #249689;
  --sw-warning: #FFD700;
  --sw-error: #FA202C;
  --sw-scrim: rgba(0, 0, 0, 0.10);    /* 0x1A000000: every shadow in the app */

  /* Brand gradient — the app icon (sampled from app_launcher_icon.png) */
  --sw-gradient:
    radial-gradient(120% 90% at 100% 0%, #07AAD4 0%, rgba(7, 170, 212, 0) 55%),
    linear-gradient(160deg, #1898C8 0%, #198AB6 40%, #16A2A8 75%, #1FB6AC 100%);

  /* Type — AppTheme: Inter Tight 600 for display/headline/title, Inter 400 for body/label */
  --sw-font-display: "Inter Tight", "Inter", system-ui, sans-serif;
  --sw-font-body: "Inter", system-ui, sans-serif;
  --sw-font-chat: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif; /* chat text uses the phone's own face */

  --sw-display-l: 65px;   --sw-display-m: 45px;   --sw-display-s: 37px;
  --sw-headline-l: 33px;  --sw-headline-m: 29px;  --sw-headline-s: 25px;
  --sw-title-l: 21px;     --sw-title-m: 19px;     --sw-title-s: 17px;
  --sw-body-l: 17px;      --sw-body-m: 15px;      --sw-body-s: 13px;
  --sw-chat: 16.5px;

  /* Shape */
  --sw-radius-s: 8px;        /* small buttons on profiles, thumbnails */
  --sw-radius: 12px;         /* buttons and fields */
  --sw-radius-m: 14px;       /* suggestion chips, place rows */
  --sw-radius-l: 22px;       /* cards, chat bubbles, composer, bottom sheets */
  --sw-radius-pill: 999px;   /* search pill, tab bar, round icon buttons */

  /* Elevation — flat surfaces lifted by one soft 10 % shadow, never a border-heavy card */
  --sw-shadow-hairline: 0 1px 3px rgba(0, 0, 0, 0.10);  /* pill, round button, tab bar (blur 2) */
  --sw-shadow-card: 0 2px 6px rgba(0, 0, 0, 0.10);      /* CardSurface (blur 4, offset 2) */
  --sw-glow-cyan: 0 0 48px rgba(0, 192, 255, 0.35);     /* orb glow */

  /* Sizes */
  --sw-button-height: 48px;
  --sw-pill-height: 44px;
  --sw-icon-button: 44px;

  /* Motion */
  --sw-ease: cubic-bezier(0.2, 0, 0, 1);
  --sw-duration: 250ms;
}