/**
 * Zyforia / Tech à Bessa — Global Design System
 * Fonte de verdade para cores, tipografia e tokens compartilhados.
 * Incluir ANTES do techabessa.shared.css em qualquer página do ecossistema.
 */

/* ─── Self-hosted Inter Tight ───────────────────────────────────────────────── */
@font-face {
  font-family: 'Inter Tight';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('../fonts/inter-tight/5924c8c5_inter-tight.woff2') format('woff2');
}
@font-face {
  font-family: 'Inter Tight';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url('../fonts/inter-tight/f42b4e99_inter-tight.woff2') format('woff2');
}
@font-face {
  font-family: 'Inter Tight';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url('../fonts/inter-tight/e4022c43_inter-tight.woff2') format('woff2');
}
@font-face {
  font-family: 'Inter Tight';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('../fonts/inter-tight/e4e43709_inter-tight.woff2') format('woff2');
}

/* ─── Global Custom Properties ──────────────────────────────────────────────── */
:root {
  /* ── Brand ───────────────────────────────────────────────────────────────── */
  --zy-primary:        #ff6500;      /* laranja principal */
  --zy-primary-light:  #ff8533;
  --zy-primary-dim:    rgba(255, 101, 0, 0.10);
  --zy-primary-glow:   rgba(255, 101, 0, 0.20);

  --zy-secondary:      #44d5cc;      /* teal */
  --zy-secondary-dim:  rgba(68, 213, 204, 0.12);

  /* ── Neutral palette ─────────────────────────────────────────────────────── */
  --zy-heading:        #0c0c0c;
  --zy-body:           #666666;
  --zy-muted:          #999999;
  --zy-white:          #ffffff;
  --zy-light:          #fafafa;
  --zy-gray:           #ededed;
  --zy-border:         rgba(12, 12, 12, 0.10);
  --zy-border-strong:  rgba(12, 12, 12, 0.18);

  /* ── Typography ──────────────────────────────────────────────────────────── */
  --zy-font:           'Inter Tight', system-ui, -apple-system, sans-serif;
  --zy-font-weight-regular:   400;
  --zy-font-weight-medium:    500;
  --zy-font-weight-semibold:  600;
  --zy-font-weight-bold:      700;

  /* ── Type scale ──────────────────────────────────────────────────────────── */
  --zy-fs-xs:   12px;
  --zy-fs-sm:   14px;
  --zy-fs-md:   16px;
  --zy-fs-lg:   18px;
  --zy-fs-h6:   20px;
  --zy-fs-h5:   24px;
  --zy-fs-h4:   28px;
  --zy-fs-h3:   32px;
  --zy-fs-h2:   48px;
  --zy-fs-h1:   64px;

  /* ── Spacing ─────────────────────────────────────────────────────────────── */
  --zy-sp-1:  4px;   --zy-sp-2:  8px;   --zy-sp-3:  12px;
  --zy-sp-4:  16px;  --zy-sp-5:  20px;  --zy-sp-6:  24px;
  --zy-sp-8:  32px;  --zy-sp-10: 40px;  --zy-sp-12: 48px;
  --zy-sp-16: 64px;  --zy-sp-20: 80px;  --zy-sp-24: 96px;

  /* ── Radii ───────────────────────────────────────────────────────────────── */
  --zy-r-sm:  8px;   --zy-r-md:  12px;  --zy-r-lg:  16px;
  --zy-r-xl:  24px;  --zy-r-2xl: 32px;  --zy-r-pill: 100px;

  /* ── Shadows ─────────────────────────────────────────────────────────────── */
  --zy-shadow-sm: 0 1px 4px rgba(0,0,0,.06), 0 0 0 1px rgba(0,0,0,.04);
  --zy-shadow-md: 0 4px 16px rgba(0,0,0,.08), 0 0 0 1px rgba(0,0,0,.05);
  --zy-shadow-lg: 0 8px 32px rgba(0,0,0,.10), 0 0 0 1px rgba(0,0,0,.06);
}