/* Biamino — tokens from biamino.tech: Mulish, deep #05060a, violet #6800ff / #8b5cf6, glass panels. */
@font-face {
  font-family: 'Mulish';
  font-style: normal;
  font-display: swap;
  font-weight: 200 1000;
  src: url(/brand/fonts/mulish-cyrillic-wght-normal.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
  font-family: 'Mulish';
  font-style: normal;
  font-display: swap;
  font-weight: 200 1000;
  src: url(/brand/fonts/mulish-latin-wght-normal.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

:root {
  color-scheme: dark;
  --font: Mulish, system-ui, -apple-system, 'Segoe UI', sans-serif;
  --font-metal: 800 34px/1.1 Mulish, system-ui, sans-serif;

  --bg: #05060a;
  --bg-glow: rgba(124, 58, 237, 0.16);
  --bg-dot: rgba(255, 255, 255, 0.05);
  --bg-dot-mark: rgba(196, 181, 253, 0.32);
  --bg-dot-spot: rgba(233, 213, 255, 0.8);

  --text: #ffffff;
  --text-muted: rgba(255, 255, 255, 0.74);
  --text-faint: rgba(255, 255, 255, 0.5);
  --line: rgba(255, 255, 255, 0.1);

  --surface: radial-gradient(520px 260px at 100% 0%, rgba(236, 72, 153, 0.08), transparent 70%), linear-gradient(165deg, rgba(139, 92, 246, 0.13) 0%, rgba(255, 255, 255, 0.02) 55%), rgba(18, 20, 28, 0.62);
  --surface-inset: rgba(255, 255, 255, 0.04);
  --surface-border: rgba(255, 255, 255, 0.12);
  --surface-highlight: inset 0 1px 0 rgba(255, 255, 255, 0.08);
  --surface-blur: blur(22px) saturate(1.65);
  --shadow-card: 0 30px 80px rgba(0, 0, 0, 0.5);

  --summary-bg: linear-gradient(150deg, rgba(46, 16, 101, 0.7) 0%, rgba(10, 6, 18, 0.78) 70%), rgba(12, 14, 22, 0.6);
  --summary-border: rgba(167, 139, 250, 0.36);
  --summary-text: #ffffff;
  --summary-muted: rgba(237, 233, 254, 0.72);
  --summary-line: rgba(196, 181, 253, 0.18);
  --summary-mark-bg: linear-gradient(145deg, rgba(139, 92, 246, 0.28), rgba(76, 29, 149, 0.18));

  --accent: #c4b5fd;
  --accent-strong: #8b5cf6;
  --accent-soft: rgba(167, 139, 250, 0.14);
  --chip-bg: rgba(124, 58, 237, 0.14);
  --chip-border: rgba(167, 139, 250, 0.35);
  --chip-text: #e9d5ff;

  --cta-bg: linear-gradient(145deg, #8b5cf6 0%, #5b21b6 48%, #4c1d95 100%);
  --cta-fg: #faf5ff;
  --cta-border: rgba(255, 255, 255, 0.16);
  --cta-shadow: 0 12px 32px rgba(124, 58, 237, 0.42), inset 0 1px 0 rgba(255, 255, 255, 0.16);
  --focus: 0 0 0 3px rgba(167, 139, 250, 0.5);

  --success: #86efac;
  --success-soft: rgba(52, 211, 153, 0.14);
  --danger: #fca5a5;
  --danger-soft: rgba(248, 113, 113, 0.12);
  --notice: #e7c98f;
  --notice-soft: rgba(231, 201, 143, 0.07);
  --notice-border: rgba(231, 201, 143, 0.26);

  /* Secondary palette from biamino.tech product cards: pink, teal, gold. */
  --accent-2: #f472b6;
  --accent-3: #5eead4;
  --accent-4: #e7c98f;
  --text-gradient: linear-gradient(100deg, #ffffff 0%, #e9d5ff 38%, #c4b5fd 62%, #f9a8d4 100%);
  --amount-gradient: linear-gradient(100deg, #ffffff 10%, #e9d5ff 55%, #f9a8d4 100%);
  --edge-gradient: linear-gradient(90deg, transparent 0%, #8b5cf6 25%, #f472b6 55%, #5eead4 80%, transparent 100%);
  --tick-gradient: linear-gradient(145deg, #8b5cf6, #ec4899);
  --summary-glow-a: rgba(236, 72, 153, 0.28);
  --summary-glow-b: rgba(45, 212, 191, 0.16);
  --mark-ring: conic-gradient(from 210deg, #8b5cf6, #f472b6, #5eead4, #8b5cf6);

  --qr-bg: #ffffff;
  --radius-sm: 14px;
  --radius-md: 22px;
  --radius-lg: 28px;
}