/*==================================================================\
  Tachyonix Design System — tokens
  ------------------------------------------------------------------
  Consolidação dos arquivos tokens/*.css do projeto de design
  "Redesign do Hub Tachyonix" (claude.ai/design).

  Este arquivo contém APENAS variáveis. Toda a aparência do hub é
  construída em styles.css a partir daqui — não use cores, raios,
  sombras ou tamanhos literais fora deste arquivo.

  Nota do design system: Poppins / Nunito Sans / JetBrains Mono são
  substitutas das fontes licenciadas da marca. Para trocá-las, altere
  --font-display / --font-body / --font-mono e o <link> do Google
  Fonts em index.php — nada mais.
\==================================================================*/

:root {

    /*-- Marca -----------------------------------------------------*/
    --ty-teal-500: #05b0c1;   /* primária — CTA, lozango, links      */
    --ty-teal-600: #07acbe;
    --ty-teal-700: #068494;
    --ty-teal-400: #3fc6d3;
    --ty-teal-300: #7ed8e1;
    --ty-teal-100: #d6f2f5;
    --ty-teal-50 : #ecf9fb;

    --ty-indigo-900: #2d185d; /* tinta da marca — títulos, faixas    */
    --ty-indigo-800: #33245e;
    --ty-indigo-700: #47376c;
    --ty-indigo-500: #6a5b90;
    --ty-indigo-300: #b5afc2;
    --ty-indigo-100: #e4e1ec;

    --ty-lime-500: #c8d51e;   /* acento — eyebrow, detalhes          */
    --ty-lime-600: #aab417;
    --ty-lime-400: #d7e04f;
    --ty-lime-100: #f2f5cf;

    /*-- Neutros ---------------------------------------------------*/
    --ty-white   : #ffffff;
    --ty-gray-50 : #f8f8f8;   /* fundo da página                     */
    --ty-gray-100: #f1f1f3;
    --ty-gray-200: #e5e5ea;
    --ty-gray-300: #d1d1d9;
    --ty-gray-400: #a7a7b3;
    --ty-gray-500: #767683;
    --ty-gray-600: #565663;
    --ty-gray-700: #3a3a45;
    --ty-gray-900: #1a1a22;

    /*-- Status ----------------------------------------------------*/
    --ty-success: #2fae74;
    --ty-warning: #e5a13a;
    --ty-danger : #e0503e;
    --ty-info   : #05b0c1;

    /*-- Apelidos semânticos ---------------------------------------*/
    --color-bg           : var(--ty-gray-50);
    --color-surface      : var(--ty-white);
    --color-surface-sunk : var(--ty-gray-100);
    --color-border       : var(--ty-gray-200);
    --color-border-strong: var(--ty-gray-300);

    --text-heading   : var(--ty-indigo-900);
    --text-body      : var(--ty-gray-700);
    --text-muted     : var(--ty-gray-500);
    --text-on-brand  : var(--ty-white);
    --text-link      : var(--ty-teal-600);
    --text-link-hover: var(--ty-teal-700);

    --color-primary       : var(--ty-teal-500);
    --color-primary-hover : var(--ty-teal-600);
    --color-primary-active: var(--ty-teal-700);
    --color-accent        : var(--ty-lime-500);
    --color-ink           : var(--ty-indigo-900);

    /*-- Gradiente assinatura --------------------------------------*/
    --gradient-brand     : linear-gradient(115deg, #33245e 0%, #2b3a72 38%, #1e698f 68%, #07acbe 100%);
    --gradient-brand-soft: linear-gradient(115deg, #3b2c64 0%, #1e698f 70%, #07acbe 100%);
    --gradient-teal      : linear-gradient(135deg, #05b0c1 0%, #068494 100%);
    /* textura de pontos aplicada sobre o gradiente no hero/faixas   */
    --pattern-dots       : radial-gradient(rgba(255, 255, 255, 0.16) 1px, transparent 1px);

    /*-- Tipografia ------------------------------------------------*/
    --font-display: 'Poppins', 'Segoe UI', system-ui, sans-serif;
    --font-body   : 'Nunito Sans', 'Segoe UI', system-ui, sans-serif;
    --font-mono   : 'JetBrains Mono', ui-monospace, 'SFMono-Regular', Menlo, monospace;

    --fw-regular : 400;
    --fw-medium  : 500;
    --fw-semibold: 600;
    --fw-bold    : 700;
    --fw-extra   : 800;

    --fs-xs  : 0.75rem;   /* 12 */
    --fs-sm  : 0.875rem;  /* 14 */
    --fs-base: 1rem;      /* 16 */
    --fs-md  : 1.125rem;  /* 18 */
    --fs-lg  : 1.375rem;  /* 22 */
    --fs-xl  : 1.75rem;   /* 28 */
    --fs-2xl : 2.25rem;   /* 36 */
    --fs-3xl : 3rem;      /* 48 */
    --fs-4xl : 3.75rem;   /* 60 */

    --lh-tight  : 1.1;
    --lh-heading: 1.2;
    --lh-snug   : 1.4;
    --lh-body   : 1.6;

    --ls-tight : -0.02em;
    --ls-normal: 0;
    --ls-wide  : 0.04em;
    --ls-caps  : 0.14em;  /* eyebrow / rótulos em CAIXA ALTA         */

    /*-- Espaçamento (grade de 4px) --------------------------------*/
    --space-1: 0.25rem;
    --space-2: 0.5rem;
    --space-3: 0.75rem;
    --space-4: 1rem;
    --space-5: 1.5rem;
    --space-6: 2rem;
    --space-7: 3rem;
    --space-8: 4rem;
    --space-9: 6rem;

    --container-sm: 640px;
    --container-md: 840px;   /* largura de leitura do artigo         */
    --container-lg: 1120px;
    --container-xl: 1360px;

    /*-- Raios -----------------------------------------------------*/
    --radius-xs  : 4px;
    --radius-sm  : 8px;
    --radius-md  : 12px;
    --radius-lg  : 18px;
    --radius-xl  : 28px;
    --radius-pill: 999px;

    /*-- Elevação (sombras frias, tingidas de indigo) --------------*/
    --shadow-xs  : 0  1px  2px rgba(45, 24, 93, 0.06);
    --shadow-sm  : 0  2px  8px rgba(45, 24, 93, 0.07);
    --shadow-md  : 0  8px 24px rgba(45, 24, 93, 0.10);
    --shadow-lg  : 0 18px 48px rgba(45, 24, 93, 0.14);
    --shadow-teal: 0 10px 26px rgba( 5, 176, 193, 0.30);

    /*-- Bordas e foco ---------------------------------------------*/
    --border-thin  : 1px solid var(--color-border);
    --border-strong: 1px solid var(--color-border-strong);
    --focus-ring   : 0 0 0 3px rgba(5, 176, 193, 0.35);

    /*-- Movimento -------------------------------------------------*/
    --ease-out  : cubic-bezier(0.22, 0.61, 0.36, 1);
    --ease-inout: cubic-bezier(0.65, 0, 0.35, 1);
    --dur-fast  : 140ms;
    --dur-base  : 220ms;
    --dur-slow  : 400ms;

    /*-- Métricas do chrome do hub ---------------------------------*/
    --header-h : 66px;
    --sidebar-w: 320px;
}