/**
 * UpPay design tokens extracted from the TEST homepage snapshot (2026-09-15).
 * DRAFT / SOURCE OF TRUTH CANDIDATE.
 * Do not paste into production blindly: the current project has page-scoped overrides.
 */
:root {
  /* Core background / surfaces */
  --uppay-bg: #0a0e14;
  --uppay-surface: #1c232d;
  --uppay-surface-2: #2a3440;
  --uppay-surface-hover: #343e4c;
  --uppay-text: #e6ebf2;
  --uppay-text-muted: #b8c2ce;
  --uppay-border: #3e4a58;

  /* Brand / action */
  --uppay-action: #6fe879;
  --uppay-action-hover: #5ed86a;
  --uppay-action-text: #101318;
  --uppay-accent: #5ec8ff;
  --uppay-accent-hover: #7ad4ff;
  --uppay-accent-muted: #8fdcff;
  --uppay-accent-label: #9ec8ff;

  /* Feedback */
  --uppay-success: #6fe879;
  --uppay-warning: #f2c66d;
  --uppay-error: #ff7474;
  --uppay-telegram: #2aabee;
  --uppay-telegram-hover: #1e9ad9;

  /* Glass */
  --uppay-glass-bg: rgba(255, 255, 255, 0.055);
  --uppay-glass-bg-strong: rgba(14, 20, 32, 0.72);
  --uppay-glass-border: rgba(255, 255, 255, 0.10);
  --uppay-glass-inset: inset 0 1px 0 rgba(255, 255, 255, 0.06);
  --uppay-glass-blur: 20px;

  /* Focus / selection */
  --uppay-ring: rgba(120, 170, 255, 0.55);
  --uppay-ring-soft: rgba(120, 170, 255, 0.35);
  --uppay-ring-strong: rgba(140, 185, 255, 0.75);
  --uppay-glow: rgba(0, 172, 255, 0.28);
  --uppay-glow-soft: rgba(0, 172, 255, 0.12);
  --uppay-glow-strong: rgba(0, 172, 255, 0.34);
  --uppay-halo: rgba(124, 92, 255, 0.16);

  /* Typography */
  --uppay-font: system-ui, -apple-system, "Segoe UI", sans-serif;
  --uppay-font-size-xs: 0.6875rem;  /* 11px */
  --uppay-font-size-sm: 0.8125rem;  /* 13px */
  --uppay-font-size-md: 0.875rem;   /* 14px */
  --uppay-font-size-base: 1rem;     /* 16px */
  --uppay-weight-regular: 400;
  --uppay-weight-medium: 500;
  --uppay-weight-semibold: 600;
  --uppay-weight-bold: 700;
  --uppay-weight-extrabold: 800;

  /* Controls */
  --uppay-control-h: 2.75rem;       /* 44px */
  --uppay-control-radius: 10px;
  --uppay-control-font-size: 0.8125rem;
  --uppay-control-font-weight: 600;
  --uppay-control-px: 0.85rem;

  /* Header controls */
  --uppay-header-control-h: 2.5rem; /* 40px */
  --uppay-header-control-radius: 999px;
  --uppay-header-control-font-size: 0.875rem;

  /* Cards / panels */
  --uppay-card-radius: 18px;
  --uppay-modal-radius: 1.25rem;    /* 20px */
  --uppay-modal-control-radius: 14px;

  /* Layout */
  --uppay-container-max: 1400px;
  --uppay-page-gutter-mobile: 0.75rem;
  --uppay-page-gutter-sm: 1rem;

  /* Placeholder — internal pages (games / games-multi / services) */
  --uppay-placeholder-font-family: var(--uppay-font);
  --uppay-placeholder-font-size: 0.875rem;
  --uppay-placeholder-font-weight: 400;
  --uppay-placeholder-line-height: 1.25;
  --uppay-placeholder-letter-spacing: normal;
  --uppay-placeholder-color: #8ea0c8;
  --uppay-placeholder-opacity: 1;

  /* Placeholder — HOME Quick Pay (same style, slightly larger) */
  --uppay-placeholder-font-size-qp: 1rem;
}