/* GusBit Studio — design tokens v1.0
   Uso: <link rel="stylesheet" href="gusbit-tokens.css">
   Fontes locais em ./fontes (licença OFL). */

@font-face { font-family: "Rubik"; src: url("fontes/Rubik-Variable.ttf") format("truetype"); font-weight: 300 900; font-display: swap; }
@font-face { font-family: "Pixelify Sans"; src: url("fontes/PixelifySans-Variable.ttf") format("truetype"); font-weight: 400 700; font-display: swap; }

:root {
  /* Marca */
  --gb-navy:   #001242;  /* Azul Byte      — base, texto, fundos escuros */
  --gb-blue:   #006AFE;  /* Azul Elétrico  — ação, destaque */
  --gb-slate:  #324570;  /* Ardósia        — BIT, texto secundário */
  --gb-cream:  #FDF6EC;  /* Creme          — fundo claro */
  --gb-ice:    #8FA6D9;  /* Gelo           — BIT sobre fundo escuro */
  --gb-spark:  #FF7A1A;  /* Faísca         — acento raro (selos, alertas) */

  /* Escala do Azul Elétrico */
  --gb-blue-50:  #EBF3FF;
  --gb-blue-100: #D1E4FF;
  --gb-blue-200: #A3C9FF;
  --gb-blue-300: #70ACFE;
  --gb-blue-400: #388BFE;
  --gb-blue-500: #006AFE;
  --gb-blue-600: #005ADC;  /* links e texto azul sobre creme (5,6:1) */
  --gb-blue-700: #004ABA;
  --gb-blue-800: #003791;
  --gb-blue-900: #00256B;

  /* Neutros */
  --gb-white:  #FFFFFF;
  --gb-sand:   #F1E9DC;  /* superfícies sobre creme */
  --gb-line:   #DCD8D2;  /* divisores */
  --gb-mist:   #B9C0D0;  /* bordas, estados desabilitados */
  --gb-steel:  #6B7794;  /* ícones e rótulos grandes (não usar em texto pequeno) */

  /* Semânticos */
  --gb-bg:        var(--gb-cream);
  --gb-fg:        var(--gb-navy);
  --gb-fg-muted:  var(--gb-slate);
  --gb-action:    var(--gb-blue);
  --gb-link:      var(--gb-blue-600);

  /* Tipografia */
  --gb-font-display: "Rubik", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --gb-font-body:    "Rubik", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --gb-font-pixel:   "Pixelify Sans", "Rubik", monospace;
  --gb-font-mono:    "JetBrains Mono", ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace;

  /* Forma */
  --gb-radius-s: 6px;
  --gb-radius-m: 12px;
  --gb-radius-l: 20px;
  --gb-pixel: 8px; /* unidade da grade "bit" */
}