/* Identidade visual FriPhone */
:root {
  color-scheme: dark;

  --fundo: #000;
  --superficie: #0b0b11;
  --superficie-2: #13131c;
  --superficie-3: #1c1c28;
  --borda: rgba(255, 255, 255, 0.09);
  --borda-forte: rgba(255, 255, 255, 0.18);

  --texto: #f5f5f7;
  --texto-suave: #a6a6b6;
  --texto-fraco: #6f6f80;

  --azul: #2440ff;
  --azul-escuro: #0a1a8c;
  --roxo: #8a14c9;
  --roxo-claro: #b04dff;
  --prata: #d9d9de;

  --marca: linear-gradient(135deg, #2440ff 0%, #6a1fe0 55%, #9b1bd6 100%);
  --marca-hover: linear-gradient(135deg, #3a55ff 0%, #7b31f0 55%, #ae2de8 100%);
  --contorno-luz: linear-gradient(135deg, #2440ff, #b04dff 55%, #d9d9de);
  --texto-degrade: linear-gradient(100deg, #ffffff 10%, #c9c2ff 45%, #b04dff 95%);

  --sucesso: #34d27b;
  --erro: #ff5c70;
  --alerta: #ffb547;
  --whatsapp: #25d366;

  --fonte: -apple-system, BlinkMacSystemFont, "SF Pro Display", "SF Pro Text", Inter, "Segoe UI", Roboto,
    "Helvetica Neue", Arial, sans-serif;

  --raio-s: 10px;
  --raio-m: 16px;
  --raio-l: 24px;
  --raio-xl: 32px;
  --sombra: 0 30px 80px -30px rgba(0, 0, 0, 0.85);

  --container: 1180px;
  --gutter: clamp(16px, 4vw, 32px);
  --topo-altura: 64px;
  --ease: cubic-bezier(0.22, 1, 0.36, 1);
}