/*
 * Fundação cromática global do tema Nublado.
 * Fonte visual: página Relatórios aprovada.
 * Sprint 2/12: apenas tokens --nuv-*; nenhum componente é alterado nesta etapa.
 * Geometria, tipografia métrica e comportamento pertencem ao tema Dia.
 */

html[data-theme="cinza"] {
    color-scheme: light;

    /* Estrutura: fundo > card pai > filho > neto/campo. */
    --nuv-bg: #8a939f;
    --nuv-surface-parent: #9fa7b1;
    --nuv-surface-child: #acb3bc;
    --nuv-surface-grandchild: #b8bfc7;
    --nuv-surface-raised: #b2b9c2;
    --nuv-surface-hover: #bbc1c8;
    --nuv-surface-sunken: #7e8794;
    --nuv-field: #7e8794;

    /* Marinho-gelo: cabeçalhos, seleção e ações informativas. */
    --nuv-navy: #173b57;
    --nuv-navy-strong: #102c43;
    --nuv-navy-deep: #0b2234;
    --nuv-navy-soft: #2d5874;
    --nuv-navy-highlight: #477b98;
    --nuv-navy-rgb: 23, 59, 87;
    --nuv-header-band:
        radial-gradient(circle at 16% 24%, rgba(239, 248, 252, .28) 0, rgba(225, 239, 246, .09) 27%, transparent 50%),
        radial-gradient(circle at 70% 78%, rgba(23, 59, 87, .30) 0, transparent 52%),
        radial-gradient(circle at 92% 16%, rgba(190, 216, 229, .28) 0, transparent 40%),
        #426b80;
    --nuv-header-band-active:
        radial-gradient(circle at 16% 22%, rgba(239, 248, 252, .34) 0, rgba(225, 239, 246, .12) 28%, transparent 50%),
        radial-gradient(circle at 70% 78%, rgba(23, 59, 87, .38) 0, transparent 52%),
        radial-gradient(circle at 92% 16%, rgba(184, 215, 230, .34) 0, transparent 40%),
        #56879f;

    /* Texto. */
    --nuv-text: #14181d;
    --nuv-text-soft: #333b45;
    --nuv-text-muted: #454e59;
    --nuv-text-on-header: #f2f7fa;
    --nuv-text-on-header-soft: rgba(244, 248, 250, .88);

    /* Bordas e divisórias. */
    --nuv-line-subtle: rgba(20, 24, 29, .20);
    --nuv-line: rgba(20, 24, 29, .34);
    --nuv-line-strong: rgba(20, 24, 29, .52);
    --nuv-line-on-header: rgba(184, 207, 220, .34);

    /* Estados semânticos. */
    --nuv-info: #173b57;
    --nuv-info-bg: rgba(23, 59, 87, .14);
    --nuv-success: #0e4a2c;
    --nuv-success-bg: rgba(21, 104, 63, .14);
    --nuv-warning: #6b3b08;
    --nuv-warning-bg: rgba(138, 82, 11, .14);
    --nuv-danger: #6e1614;
    --nuv-danger-bg: rgba(151, 35, 31, .14);

    /* Ações. */
    --nuv-action-primary-bg: var(--nuv-header-band-active);
    --nuv-action-primary-text: #ffffff;
    --nuv-action-secondary-bg: var(--nuv-surface-child);
    --nuv-action-secondary-hover: var(--nuv-surface-grandchild);
    --nuv-action-secondary-text: var(--nuv-text);
    --nuv-action-danger-bg: linear-gradient(180deg, #8f494d, #713035);
    --nuv-action-danger-hover: linear-gradient(180deg, #a35a5e, #7f383d);
    --nuv-action-danger-text: #fff7f7;

    /* Profundidade e interação. */
    --nuv-shadow-card: 0 0.125rem 0.3125rem rgba(20, 24, 29, .16), 0 0.75rem 1.75rem -1.375rem rgba(20, 24, 29, .42);
    --nuv-shadow-soft: 0 0.125rem 0.375rem rgba(20, 24, 29, .14), 0 0.625rem 1.5rem -1.375rem rgba(20, 24, 29, .40);
    --nuv-shadow-raised: 0 0.3125rem 0.75rem rgba(20, 24, 29, .18), 0 1.125rem 2.125rem -1.5rem rgba(20, 24, 29, .48);
    --nuv-shadow-popover: 0 1.125rem 2.75rem -1.125rem rgba(20, 24, 29, .48);
    --nuv-focus: 0 0 0 0.1875rem rgba(var(--nuv-navy-rgb), .38);
    --nuv-motion: 160ms cubic-bezier(.2, .8, .2, 1);

    /* Scroll e atmosfera. */
    --nuv-scroll-thumb: rgba(var(--nuv-navy-rgb), .42);
    --nuv-scroll-thumb-hover: rgba(var(--nuv-navy-rgb), .62);
    --nuv-nebula-1: rgba(210, 224, 233, .36);
    --nuv-nebula-2: rgba(126, 164, 187, .40);
    --nuv-nebula-3: rgba(179, 202, 216, .30);
    --nuv-nebula-4: rgba(var(--nuv-navy-rgb), .46);

    /* Ponte para tokens Dia legados — evita azul #0b63d6 / #007BFF fora de Relatórios. */
    --primary: var(--nuv-navy);
    --primary-dark: var(--nuv-navy-deep);
    --primary-light: var(--nuv-navy-highlight);
    --fd-primary: var(--nuv-navy);
    --fd-primary-hover: var(--nuv-navy-strong);
    --blue: var(--nuv-navy);
    --blue-600: var(--nuv-navy-strong);
    --blue-text: var(--nuv-navy-deep);
    --corp-accent-neon: var(--nuv-navy);
    --corp-accent-neon-rgb: var(--nuv-navy-rgb);
    --fd-list-thead-grad: var(--nuv-header-band);
    --fd-sky: var(--nuv-navy-highlight);
    --fd-focus-ring: var(--nuv-focus);
}