/* ==========================================
   DESIGN TOKENS — PADRÃO VISUAL PORTAL UFPR (ufpr.br)
   Fonte única de verdade para cor, tipografia, espaçamento, raio,
   sombra, transição e camadas. Todo o restante do CSS deve consumir
   estas variáveis em vez de valores soltos ("magic numbers").

   NOTA SOBRE ESTA VERSÃO
   Os NOMES das variáveis são exatamente os da versão anterior
   (GPDCF turquesa) — só os VALORES mudaram. Por isso components.css
   é reestilizado automaticamente, sem edição de marcação. O turquesa
   #00c7b7 foi aposentado porque não pertence ao sistema institucional;
   para retomá-lo em algum elemento pontual, use --color-legado-gpdcf.
========================================== */

:root{
    /* ---- Paleta institucional UFPR ---- */
    --color-primary:#0b2f6b;        /* azul de cabeçalho, rodapé e faixas */
    --color-secondary:#123a6b;      /* azul de títulos e texto de apoio */
    --color-accent:#1d5fa8;         /* azul editorial — filetes, links, topos de card */
    --color-accent-dark:#123f77;    /* azul editorial escurecido — estado ativo */
    --color-accent-ink:#0f4a8f;     /* azul de link sobre fundo claro (contraste AA) */

    /* ---- Tons complementares derivados da paleta ---- */
    --color-primary-tint:#164080;   /* primary levemente mais claro — hover/gradientes */
    --color-accent-soft:rgba(29,95,168,.10);   /* fundo translúcido do accent */
    --color-secondary-soft:rgba(11,47,107,.07);/* fundo translúcido do secondary */
    --color-highlight:#ffd24d;      /* dourado dos atalhos de serviço na barra superior */
    --color-legado-gpdcf:#00786d;   /* turquesa antigo, mantido só para uso pontual */

    /* ---- Cores de editoria (tarjas das colunas de atualizações) ---- */
    --color-ed-inst:#1d5fa8;        /* institucional */
    --color-ed-ensino:#123a6b;      /* ensino */
    --color-ed-extensao:#2f8b4c;    /* extensão */
    --color-ed-ciencia:#e07b12;     /* pesquisa e ciência */

    /* ---- Neutros e texto ---- */
    --color-bg:#ffffff;
    --color-bg-soft:#ffffff;        /* o portal usa fundo branco; faixas cinza são pontuais */
    --color-bg-alt:#eef1f5;         /* faixa cinza de destaque */
    --color-border:#d7dde5;
    --color-border-strong:#b9c4d0;
    --color-text:#1c1c1c;           /* texto corrido quase preto, como no portal */
    --color-muted:#5a5a5a;

    /* ---- Estados semânticos ---- */
    --color-danger:#b00020;
    --color-danger-bg:#fbeaea;
    --color-success:#1f7a3f;
    --color-success-bg:#e8f3ec;
    --color-warning:#8a5a00;
    --color-warning-bg:#fbf0dd;
    --color-focus-ring:#ffcc33;     /* dourado: visível tanto sobre azul quanto sobre branco */
    --color-disabled-bg:#edeff2;
    --color-disabled-text:#9aa5af;

    /* ---- Tipografia ----
       Pilha de fontes de sistema (sem requisições externas: mais rápida,
       mais privada e sem depender de CDN de terceiros). Cada sistema
       operacional resolve para sua fonte nativa de alta qualidade
       (San Francisco no macOS/iOS, Segoe UI no Windows, Roboto no
       Android/Chrome OS, Noto/Helvetica em Linux).

       MUDANÇA NESTA VERSÃO: --font-titulos deixou de ser serifada. O
       portal UFPR é integralmente sem serifa, com títulos e rótulos em
       uma condensada. --font-condensada é nova e serve aos rótulos de
       editoria, tarjas e microtextos em caixa alta. */
    --font-base:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif;
    --font-titulos:"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif;
    --font-condensada:"Roboto Condensed","Segoe UI Semibold","Arial Narrow","Noto Sans",Arial,sans-serif;
    --font-mono:ui-monospace,SFMono-Regular,Consolas,"Liberation Mono",monospace;

    --text-xs:clamp(.75rem, .72rem + .12vw, .8125rem);
    --text-sm:clamp(.85rem, .82rem + .15vw, .9375rem);
    --text-base:clamp(1rem, .97rem + .16vw, 1.0625rem);
    --text-md:clamp(1.125rem, 1.06rem + .28vw, 1.25rem);
    --text-lg:clamp(1.3rem, 1.18rem + .55vw, 1.625rem);
    --text-xl:clamp(1.5rem, 1.32rem + .85vw, 1.95rem);
    --text-2xl:clamp(1.8rem, 1.5rem + 1.4vw, 2.4rem);
    --text-3xl:clamp(2.1rem, 1.65rem + 2.2vw, 3rem);

    --leading-tight:1.2;
    --leading-snug:1.4;
    --leading-normal:1.6;
    --leading-relaxed:1.8;

    /* ---- Espaçamento (escala em rem, base 4px) ---- */
    --space-1:.25rem;
    --space-2:.5rem;
    --space-3:.75rem;
    --space-4:1rem;
    --space-5:1.5rem;
    --space-6:2rem;
    --space-7:2.5rem;
    --space-8:3rem;
    --space-9:4.5rem;
    --space-10:6rem;

    /* ---- Raios, sombras e transições ----
       O portal UFPR é de cantos vivos e filetes de 1px, sem sombra.
       As variáveis --shadow-* passam a desenhar um contorno hairline
       (spread de 1px, desfoque zero): assim todo componente que já
       usava box-shadow ganha borda institucional sem alteração de
       marcação nem de components.css. */
    --radius-sm:2px;
    --radius-md:2px;
    --radius-lg:3px;
    --radius-full:999px;
    --shadow-sm:0 0 0 1px var(--color-border);
    --shadow-md:0 0 0 1px var(--color-border);
    --shadow-lg:0 0 0 1px var(--color-border-strong);
    --transition-fast:.2s ease;
    --transition-base:.3s ease;
    --border-width:1px;
    --border-width-thick:2px;

    /* ---- Layout ---- */
    --container-max:1120px;
    --container-narrow:880px;   /* largura da coluna editorial do portal */
    --container-prose:720px;
    --header-height:112px;      /* barra de serviços + mastro — usada em scroll-margin-top */

    /* ---- Camadas (z-index) ---- */
    --z-header:50;
    --z-dropdown:60;
    --z-skip-link:1000;
    --z-modal:1000;

    /*
      Breakpoints de referência (documentados aqui para consistência;
      CSS ainda não permite var() dentro de @media, então os valores
      abaixo devem ser mantidos iguais aos usados nas media queries
      do arquivo inteiro: 600px, 900px, 1024px, 1366px).
      --breakpoint-sm: 600px
      --breakpoint-md: 900px
      --breakpoint-lg: 1024px
      --breakpoint-xl: 1366px
    */
}

@media (prefers-reduced-motion: reduce){
    *{
        animation-duration:0.001ms !important;
        animation-iteration-count:1 !important;
        transition-duration:0.001ms !important;
        scroll-behavior:auto !important;
    }
}