/*
 * CDT v1.30 — IDENTIDADE VISUAL OFICIAL
 * Verde / Turquesa · leitura confortável · visual limpo e profissional
 * Este arquivo contém somente apresentação. Não altera regras de negócio.
 */
:root{
    --accent:#00c7a5 !important;
    --accent2:#24f0c8 !important;
    --gold:#00c7a5 !important;
    --gold2:#24f0c8 !important;
    --brand:#00c7a5 !important;
    --primary:#00c7a5 !important;
    --bg:#030707;
    --bg2:#06100e;
    --text:#f5faf8;
    --muted:#9cada8;
}

html{color-scheme:dark;}
body{
    font-size:16px !important;
    line-height:1.58 !important;
    -webkit-font-smoothing:antialiased;
    text-rendering:optimizeLegibility;
}

/* Leitura confortável em todo o ecossistema */
p, li, td, .description, .descricao, .lead, .subtitle, .sub, .text, .meta{
    font-size:max(14px, 0.92em);
}
small, .small, .hint, .muted, .eyebrow, .kicker, .label, label{
    font-size:13px !important;
    line-height:1.5 !important;
}
button, .btn, a.btn, input, select, textarea{
    font-size:14px !important;
}
input, select, textarea{
    min-height:44px;
}
table{
    font-size:15px !important;
}
th{
    font-size:13px !important;
    letter-spacing:.35px !important;
}
td{
    font-size:15px !important;
    line-height:1.45 !important;
}
.badge, .pill, .tag, .chip, .status{
    font-size:12px !important;
}

/* Acento oficial */
a:not(.btn):hover{color:var(--accent2);}
::selection{background:rgba(0,199,165,.28);color:#fff;}
:focus-visible{
    outline:2px solid rgba(36,240,200,.78) !important;
    outline-offset:2px;
}

/* Campos e superfícies: contraste semelhante ao padrão da Loja */
input, select, textarea{
    border-color:rgba(255,255,255,.12) !important;
    background:#050b0a !important;
    color:#f5faf8 !important;
}
input::placeholder, textarea::placeholder{color:#788985 !important;}

/* Scrollbar discreta, quando suportada */
*{scrollbar-color:rgba(0,199,165,.42) #07100e;}

/* Admin: nunca deixar os textos operacionais minúsculos */
body[class*="admin"] .card,
body[class*="admin"] .panel,
.admin .card,
.admin .panel{
    font-size:15px;
}

@media (max-width:700px){
    body{font-size:15px !important;}
    table{font-size:14px !important;}
    td{font-size:14px !important;}
    button,.btn,a.btn,input,select,textarea{font-size:14px !important;}
}