/* Caminho: public_html/assets/css/tokens.css
   Tokens de design SD Mecânica. Ponto unico de verdade. */

:root {
  /* Cor — extraida do logotipo e do mundo da usina */
  --aco-profundo: #050b16;   /* fundo geral, aco em sombra */
  --aco-0: #081222;          /* fundo de secao alternada */
  --painel-naval: #0a1c3a;   /* paineis e cards, azul do uniforme */
  --painel-borda: #16325c;   /* bordas de card */
  --azul-marca: #0070c0;     /* azul principal do logotipo */
  --azul-vivo: #35a2ff;      /* acento, links, brilhos */
  --azul-raso: #9cd0ff;      /* texto sobre azul */
  --inox: #8fa3bf;           /* texto de apoio, aco escovado */
  --inox-claro: #c9d6e8;     /* texto secundario forte */
  --branco-tecnico: #f2f6fb; /* titulos e texto principal */
  --hi-vis: #ffc400;         /* faixa refletiva do uniforme: etiquetas e numeros de OS */
  --verde-zap: #25d366;      /* verde oficial WhatsApp, somente no contexto do botao */

  /* Tipografia */
  --fonte-display: "Archivo", "Arial Black", sans-serif;
  --fonte-texto: "Archivo", Arial, sans-serif;
  --fonte-mono: "IBM Plex Mono", "Courier New", monospace;

  --texto-xs: 0.75rem;
  --texto-sm: 0.875rem;
  --texto-base: 1rem;
  --texto-md: 1.125rem;
  --texto-lg: clamp(1.25rem, 1.1rem + 0.8vw, 1.75rem);
  --texto-xl: clamp(1.75rem, 1.3rem + 2.2vw, 3rem);
  --texto-hero: clamp(2.3rem, 1.3rem + 4.4vw, 4.75rem);

  /* Espaco */
  --esp-1: 0.25rem;
  --esp-2: 0.5rem;
  --esp-3: 1rem;
  --esp-4: 1.5rem;
  --esp-5: 2.5rem;
  --esp-6: 4rem;
  --esp-7: clamp(4rem, 3rem + 6vw, 9rem);
  --gutter: clamp(1rem, 4vw, 3rem);
  --largura-max: 76rem;

  /* Raio: quase reto, chapa de aco. Excecao: pilula do cartao de contato */
  --raio-1: 4px;
  --raio-2: 10px;
  --raio-pilula: 999px;

  /* Motion tokens */
  --motion-instantaneo: 100ms;
  --motion-rapido: 200ms;
  --motion-padrao: 350ms;
  --motion-expressivo: 750ms;
  --motion-cinema: 1200ms;
  --motion-ease-out: cubic-bezier(0.16, 1, 0.3, 1); /* curva assinatura da marca */
  --motion-ease-in: cubic-bezier(0.7, 0, 0.84, 0);
  --motion-spring: linear(0, 0.006, 0.025 2.8%, 0.101 6.1%, 0.539 18.9%, 0.721 25.3%, 0.849 31.5%,
      0.937 38.1%, 0.968 41.8%, 0.991 45.7%, 1.006 50.1%, 1.015 55%, 1.017 63.9%, 1.001);

  /* Sombra e brilho */
  --sombra-painel: 0 24px 60px -28px rgba(0, 20, 60, 0.75);
  --glow-azul: 0 0 0 1px rgba(53, 162, 255, 0.25), 0 0 32px -6px rgba(53, 162, 255, 0.35);

  /* Linha de centro de desenho tecnico (traco-ponto-traco) */
  --linha-centro: repeating-linear-gradient(
    to bottom,
    var(--painel-borda) 0 14px,
    transparent 14px 20px,
    var(--painel-borda) 20px 22px,
    transparent 22px 28px
  );
}