/**
 * Paleta do SurfApp para o painel administrativo (tema Tabler).
 *
 * As cores vem do mockup oficial da marca (`docs/mockups/brand.png`), extraidas
 * dos pixels e nao estimadas a olho:
 *
 *   #4AA5A6  turquesa    (simbolo da onda, 1o circulo da paleta)
 *   #0A2638  azul-marinho (palavra "surf" e silhueta, 2o circulo)
 *   #C2DFDB  menta        (3o circulo)
 *   #ECE8DF  areia        (4o circulo)
 *   #A5A4A4  cinza        (5o circulo)
 *   #1A828E  turquesa profundo (cor exata da palavra "app" no logotipo)
 *
 * Substitui `skins/backpack-color-palette.css`, que pinta o painel com o roxo
 * do Backpack. Precisa declarar TODAS as variaveis que `color-adjustments.css`
 * consome (--tblr-primary, --tblr-bg-surface, --tblr-border-color e as
 * variantes -rgb, -text, -bg-subtle, -border-subtle), senao aquele arquivo cai
 * em valores vazios e componentes ficam sem cor.
 *
 * Contraste (WCAG, texto branco sobre a cor):
 *   #1A828E  4.54:1  passa AA  -> cor de acao (botoes, links, item ativo)
 *   #4AA5A6  2.92:1  reprova   -> so destaque, grafico e fundo de badge
 *   #0A2638   16:1   passa AAA -> texto e superficies escuras
 *
 * E por isso que o `primary` e o turquesa profundo do logotipo, e nao o
 * turquesa claro do simbolo: usar #4AA5A6 em botao deixaria o rotulo ilegivel.
 */

:root,
[data-bs-theme='light'],
[data-menu-theme='light'] {
    /* -------------------------------------------------------------------
       Marca (uso direto nas telas customizadas)
       ------------------------------------------------------------------- */
    --surf-navy: #0a2638;
    --surf-navy-600: #17435c;
    --surf-teal: #4aa5a6;
    --surf-teal-deep: #1a828e;
    --surf-mint: #c2dfdb;
    --surf-sand: #ece8df;
    --surf-gray: #a5a4a4;

    /* -------------------------------------------------------------------
       Escala de cinza, levemente quente para conversar com a areia da marca
       ------------------------------------------------------------------- */
    --tblr-gray: #6e6a65;
    --tblr-gray-dark: #0a2638;
    --tblr-gray-50: #faf8f5;
    --tblr-gray-100: #f2efe8;
    --tblr-gray-200: #e3ddd1;
    --tblr-gray-300: #d0c9bb;
    --tblr-gray-400: #a5a4a4;
    --tblr-gray-500: #857f78;
    --tblr-gray-600: #6e6a65;
    --tblr-gray-700: #2f5566;
    --tblr-gray-800: #1c3a4d;
    --tblr-gray-900: #0a2638;

    /* -------------------------------------------------------------------
       Cores semanticas
       ------------------------------------------------------------------- */
    --tblr-primary: #1a828e;
    --tblr-secondary: #6e6a65;
    --tblr-success: #1f7a5c;
    --tblr-info: #4aa5a6;
    --tblr-warning: #c08a3e;
    --tblr-danger: #c0503f;
    --tblr-light: #f2efe8;
    --tblr-dark: #0a2638;
    --tblr-muted: #857f78;
    --tblr-tabler: #1a828e;

    --tblr-primary-rgb: 26, 130, 142;
    --tblr-secondary-rgb: 110, 106, 101;
    --tblr-success-rgb: 31, 122, 92;
    --tblr-info-rgb: 74, 165, 166;
    --tblr-warning-rgb: 192, 138, 62;
    --tblr-danger-rgb: 192, 80, 63;
    --tblr-light-rgb: 242, 239, 232;
    --tblr-dark-rgb: 10, 38, 56;
    --tblr-muted-rgb: 133, 127, 120;
    --tblr-tabler-rgb: 26, 130, 142;

    /* Texto colorido sobre fundo claro */
    --tblr-primary-text: #146973;
    --tblr-secondary-text: #4f4b47;
    --tblr-success-text: #175c46;
    --tblr-info-text: #23707a;
    --tblr-warning-text: #8a622b;
    --tblr-danger-text: #8f3b2f;
    --tblr-light-text: #4f4b47;
    --tblr-dark-text: #0a2638;

    --tblr-primary-text-emphasis: #146973;
    --tblr-secondary-text-emphasis: #4f4b47;
    --tblr-success-text-emphasis: #175c46;
    --tblr-info-text-emphasis: #23707a;
    --tblr-warning-text-emphasis: #8a622b;
    --tblr-danger-text-emphasis: #8f3b2f;
    --tblr-light-text-emphasis: #4f4b47;
    --tblr-dark-text-emphasis: #1c3a4d;

    /* Fundos suaves (badges, alertas). O `primary` e o `info` usam a menta
       da marca como base, o que amarra a paleta. */
    --tblr-primary-bg-subtle: #ddeff1;
    --tblr-secondary-bg-subtle: #eeece8;
    --tblr-success-bg-subtle: #dcefe7;
    --tblr-info-bg-subtle: #e4f1f0;
    --tblr-warning-bg-subtle: #f7eedf;
    --tblr-danger-bg-subtle: #f7e3df;
    --tblr-light-bg-subtle: #faf8f5;
    --tblr-dark-bg-subtle: #d0c9bb;

    --tblr-primary-border-subtle: #b3dade;
    --tblr-secondary-border-subtle: #d0c9bb;
    --tblr-success-border-subtle: #b4dccd;
    --tblr-info-border-subtle: #c2dfdb;
    --tblr-warning-border-subtle: #e6d0ab;
    --tblr-danger-border-subtle: #e6bcb3;
    --tblr-light-border-subtle: #e3ddd1;
    --tblr-dark-border-subtle: #a5a4a4;

    /* -------------------------------------------------------------------
       Superficies e bordas
       ------------------------------------------------------------------- */
    --tblr-body-bg: #f2efe8;
    --tblr-body-bg-rgb: 242, 239, 232;
    --tblr-body-color: #0a2638;
    --tblr-body-color-rgb: 10, 38, 56;
    --tblr-bg-surface: #ffffff;
    --tblr-bg-surface-secondary: #faf8f5;
    --tblr-bg-surface-tertiary: #f2efe8;
    --tblr-bg-main-color: #f2efe8;
    --tblr-bg-forms: #ffffff;
    --tblr-border-color: #e3ddd1;
    --tblr-border-color-translucent: rgba(10, 38, 56, 0.1);

    --tblr-link-color: #1a828e;
    --tblr-link-hover-color: #146973;
    --tblr-focus-ring-color: rgba(26, 130, 142, 0.25);
    --tblr-code-color: #8f3b2f;
}

/*
 * Modo escuro: removido.
 *
 * Havia aqui um bloco `[data-bs-theme='dark'], [data-menu-theme='dark']` que
 * redefinia a paleta inteira para fundo escuro. Virou codigo morto quando o
 * painel passou a ser claro e so claro: nenhum elemento carrega mais esses
 * atributos com valor `dark` -- a limpeza acontece em
 * `resources/views/vendor/backpack/theme-tabler/inc/head.blade.php` antes de
 * qualquer script do tema rodar, e o alternador saiu do header.
 *
 * Nao e "por seguranca": manter tokens que ninguem aplica faz a proxima pessoa
 * acreditar que existe suporte a tema escuro e calibrar cor contra ele.
 */