/* =====================================================================
   PAINEL DE CONTROLE — NOMA
   Identidade NOMA invertida: tema claro.
   Derivado de "noma site/noma-sistema/index.html"
   ===================================================================== */

:root {
  /* ---- Base invertida ----
     No site: --black #0a0a0a é fundo, --white #f5f4f0 é texto.
     Aqui trocam de papel. */
  --tinta:      #0a0a0a;   /* era fundo, agora texto   */
  --fundo:      #f5f4f0;   /* era texto, agora fundo   */
  --fundo-alto: #ffffff;   /* cartões, superfícies elevadas */
  --fundo-baixo:#eceae4;   /* faixas, zebra, estados inertes */

  /* ---- Acento — inalterado, é a assinatura da marca ---- */
  --acento:       #00aaff;
  --acento-verde: #00e676;
  --gradiente:    linear-gradient(90deg, #00aaff, #00e676);

  /* ---- Acentos legíveis sobre claro ----
     #00aaff sobre #f5f4f0 dá ~2.4:1 — falha em texto.
     Estes são os tons a usar quando o acento vira letra. */
  --acento-texto:  #0070ad;   /* 4.9:1 sobre --fundo */
  --acento-fundo:  #e5f4ff;   /* lavado, para pílulas */
  --verde-texto:   #00713d;   /* 4.8:1 sobre --fundo */
  --verde-fundo:   #e3f8ed;

  /* ---- Neutros ---- */
  --cinza:      #6b6b6b;   /* 5.7:1 — texto secundário    */
  --cinza-fraco:#8a8a8a;   /* 3.5:1 — só decorativo       */
  --linha:      rgba(10,10,10,0.10);
  --linha-forte:rgba(10,10,10,0.20);

  /* ---- Semântica de estado ---- */
  --ok:          #00713d;
  --ok-fundo:    #e3f8ed;
  --andamento:   #0070ad;
  --andamento-fundo: #e5f4ff;
  --revisao:     #8a5a00;
  --revisao-fundo:   #fdf4e3;
  --bloqueado:   #9b1414;
  --bloqueado-fundo: #fdeceb;
  --inerte:      #6b6b6b;
  --inerte-fundo:    #eceae4;

  /* ---- Tipografia — a mesma da NOMA ---- */
  --disp:  'Syne', sans-serif;
  --corpo: 'DM Sans', -apple-system, 'Segoe UI', sans-serif;

  /* Escala calibrada: texto de tamanho confortavel, moldura discreta.
     Densidade vem do espaco medido, nao de encolher a letra. */
  --t-xs:  0.75rem;     /* 12px — rotulos             */
  --t-sm:  0.875rem;    /* 14px — corpo secundario    */
  --t-md:  0.9375rem;   /* 15px — corpo               */
  --t-lg:  1.125rem;    /* 18px — destaque de cartao  */
  --t-xl:  clamp(1.2rem, 1.05rem + 0.5vw, 1.4rem);
  --t-2xl: clamp(1.4rem, 1.15rem + 1vw, 1.85rem);
  --t-3xl: clamp(1.65rem, 1.3rem + 1.6vw, 2.25rem);

  /* ---- Medidas de leitura ---- */
  --largura-max: 1180px;
  --card-min:    210px;

  /* ---- Espaço ---- */
  --e-1: 0.25rem;  --e-2: 0.5rem;   --e-3: 0.6875rem;
  --e-4: 1rem;     --e-5: 1.25rem;  --e-6: 1.75rem;
  --e-7: 2.5rem;   --e-8: 3.5rem;

  /* ---- Forma — herdada do site ---- */
  --r-pilula: 100px;
  --r-cartao: 12px;
  --r-campo:  8px;

  /* ---- Sombra — subtil, o site claro não pede drama ---- */
  --sombra:      0 1px 3px rgba(10,10,10,0.06);
  --sombra-alta: 0 4px 16px rgba(10,10,10,0.10);
}