/* ==========================================================================
TrackMax - Design tokens compartilhados
--------------------------------------------------------------------------
Fonte unica de verdade dos tokens usados por /site, /site/hub e
/site/plataforma/trackmax. Carregue SEMPRE antes do main.css da superficie:
O caminho e absoluto de proposito. O docroot do dominio fica acima da raiz
do FTP, entao /css/... da 404 e tudo e servido sob /site/. Alem disso /hub/
e /plataforma/ respondem como alias de /site/hub/ e /site/plataforma/, e
caminho relativo resolveria diferente conforme a URL que o visitante usou.
Este arquivo contem apenas os tokens que ja eram IDENTICOS nas tres
superficies, mais os que existiam em uma so e portanto nao conflitam.
Os divergentes continuam declarados no :root de cada main.css, com o valor
que a superficie ja tinha, para que esta extracao nao mude nenhum pixel.
A lista dos divergentes esta no fim deste arquivo.
========================================================================== */
:root {
/* ---- Marca TrackMax ----------------------------------------------------
Paleta oficial, a mesma de exp2027.trackmax.com.br. Azul e estrutura e
confianca; vermelho e SO destaque e acao, nunca superficie. */
--tm-blue: #010171; /* era #1A237E */
--tm-blue-dark: #010152; /* era #0D1657 */
--tm-blue-glow: rgba(1, 1, 113, 0.28);
--tm-red: #F90908; /* era #E53935 */
/* ---- Status ------------------------------------------------------------ */
--ios-green: #0BA85B; /* era #34C759, verde de sucesso do exp2027 */
--ios-green-soft: rgba(11, 168, 91, 0.12);
/* O cyan nao existe na identidade nova. Vira o azul secundario, para manter
dois tons de azul no color blocking sem gastar o vermelho, que fica
reservado para acao. Nome mantido para nao quebrar 8 usos. */
--ios-cyan: #292978; /* era #1FC0EA */
/* Acento para uso SOBRE fundo escuro. E o mesmo do exp2027, que usa #7FB0FF
no selo e nos icones dos chips sobre o bloco azul. O --ios-cyan novo e
escuro demais para fundo navy e sumiria. */
--tm-blue-light: #7FB0FF;
/* ---- Superficies ------------------------------------------------------- */
--ios-bg: #F4F6FA; /* era #F2F2F7 */
--ios-bg-soft: #FAFBFE; /* era #FAFAFC. Unico valor derivado: o exp2027
nao define esse nivel de quase-branco. */
--ios-card: #FFFFFF;
--ios-divider: rgba(21, 26, 51, 0.12);
--ios-divider-strong: rgba(21, 26, 51, 0.2);
--ios-separator: #E4E8F2; /* era #C6C6C8 */
/* ---- Texto -------------------------------------------------------------
O exp2027 tem tres niveis de texto (#151A33, #5B6489, #8A90AE) contra os
quatro daqui. Os niveis 2 e 3 colapsaram no mesmo valor: preferi empate a
inventar cor fora da paleta. A ordem de luminancia foi preservada. */
--ios-text: #151A33; /* era #1c1c1e */
--ios-text-2: #5B6489; /* era #3a3a3c */
--ios-text-3: #5B6489; /* era #6e6e73 */
--ios-text-4: #8A90AE; /* era #8e8e93 */
/* ---- Cinzas ------------------------------------------------------------
--ios-gray-1 carrega o texto secundario do site (17 usos) e passa de
#8E8E93 para #5B6489. Alem de ser o --muted do exp2027, corrige contraste:
o valor antigo dava cerca de 3.0:1 sobre branco e reprovava no WCAG AA. */
--ios-gray-1: #5B6489; /* era #8E8E93 */
--ios-gray-2: #8A90AE; /* era #AEAEB2 */
--ios-gray-3: #E4E8F2; /* era #C7C7CC */
--ios-gray-4: #E4E8F2; /* era #D1D1D6, sem uso */
--ios-gray-5: #E4E8F2; /* era #E5E5EA */
--ios-gray-6: #F4F6FA; /* era #F2F2F7 */
/* ---- Raio -------------------------------------------------------------- */
--r-ios: 10px;
--r-ios-full: 980px;
/* ---- Sombra ------------------------------------------------------------ */
--shadow-ios-xl: 0 30px 60px -16px rgba(15,23,42,0.28), 0 12px 24px -6px rgba(15,23,42,0.12);
/* ---- Tipografia --------------------------------------------------------
Montserrat nos titulos, Inter no corpo, as duas hospedadas no projeto e
iguais as do exp2027. --font-sf continua existindo como apelido de
--font-body para nao quebrar quem ainda referencia o nome antigo. */
--font-display: "Montserrat", "Segoe UI", system-ui, -apple-system, Arial, sans-serif;
--font-body: "Inter", "Segoe UI", system-ui, -apple-system, Arial, sans-serif;
--font-sf: var(--font-body);
}
/* Arquivos servidos de /site/fonts/. Caminho absoluto pelo mesmo motivo do
tokens.css: /hub/ e /plataforma/ sao alias e caminho relativo escaparia do
docroot. font-display:swap para o texto nao sumir enquanto a fonte carrega. */
@font-face {
font-family: 'Inter';
font-style: normal;
font-weight: 100 800;
font-display: swap;
src: url('/site/fonts/inter-latin.woff2') format('woff2');
}
@font-face {
font-family: 'Montserrat';
font-style: normal;
font-weight: 100 900;
font-display: swap;
src: url('/site/fonts/montserrat-latin.woff2') format('woff2');
}
/* ==========================================================================
DIVERGENCIAS CONHECIDAS (ficam no :root de cada main.css)
--------------------------------------------------------------------------
token site hub e plataforma
----------------- -------------------------- ----------------------------
--r-ios-lg 16px 20px
--r-ios-xl 20px 28px
--tm-blue-soft rgba(...,0.12) rgba(...,0.10)
--tm-red-soft rgba(...,0.12) rgba(...,0.10)
--ios-cyan-soft rgba(...,0.15) 0.12 no hub, 0.14 na plataforma
--shadow-ios alpha 0.08 alpha 0.05
--shadow-ios-md preto puro base azulada (15,23,42)
--shadow-ios-lg preto puro, sem spread base azulada, com spread
Nao sao decisao de design, sao deriva de tres sistemas que foram copiados e
editados em momentos diferentes. Colapsar em valor unico e trabalho da fase
de identidade, porque mexer neles agora mudaria o visual.
========================================================================== */