/* Tokens da Trínomo. Todo CSS do projeto usa estas variáveis; nada de cor/medida solta. */
:root {
  /* marca (amostrada do logo oficial) */
  --tn-color-navy: #001c46;
  --tn-color-gold: #d2a833;
  --tn-color-gold-light: #e3c36a;
  --tn-color-gold-dark: #a9831f;

  /* superfícies escuras */
  --tn-bg-deep: #000a1c;
  --tn-bg-primary: #001c46;
  --tn-surface-1: #03142f;
  --tn-surface-2: #0a2147;

  /* superfícies claras */
  --tn-bg-light: #ffffff;
  --tn-bg-soft: #f4f6fa;
  --tn-ink: #000a1c;

  /* texto */
  --tn-text-primary: #ffffff;
  --tn-text-secondary: rgba(255, 255, 255, 0.72);
  --tn-text-muted: rgba(255, 255, 255, 0.5);
  --tn-ink-secondary: #3d4a63;
  --tn-ink-muted: #6b7690;

  /* linhas */
  --tn-border: rgba(255, 255, 255, 0.1);
  --tn-border-light: rgba(0, 10, 28, 0.12);
  --tn-border-active: rgba(210, 168, 51, 0.5);

  /* layout */
  --tn-container: 80rem;
  --tn-reading-width: 68ch;
  --tn-gutter: clamp(1.25rem, 3vw, 2.5rem);
  --tn-header-h: 4.5rem;
  --tn-section-space: clamp(4rem, 9vw, 9rem);

  /* espaço */
  --tn-space-1: 0.25rem;
  --tn-space-2: 0.5rem;
  --tn-space-3: 0.75rem;
  --tn-space-4: 1rem;
  --tn-space-6: 1.5rem;
  --tn-space-8: 2rem;
  --tn-space-12: 3rem;
  --tn-space-18: 4.5rem;
  --tn-space-24: 6rem;

  /* raios */
  --tn-radius-sm: 0.375rem;
  --tn-radius-md: 0.75rem;
  --tn-radius-lg: 1.25rem;

  /* z-index */
  --tn-z-base: 0;
  --tn-z-raised: 10;
  --tn-z-header: 100;
  --tn-z-overlay: 200;
  --tn-z-modal: 300;
  --tn-z-focus: 400;

  /* motion */
  --tn-dur-micro: 200ms;
  --tn-dur-interface: 350ms;
  --tn-ease-out: cubic-bezier(0.2, 0.8, 0.2, 1);

  /* tipografia (fluida) */
  --tn-font-sans: "Inter", "Inter Fallback", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --tn-text-display: clamp(2.75rem, 1.2rem + 6vw, 7rem);
  --tn-text-xl: clamp(2rem, 1.3rem + 2.8vw, 3.75rem);
  --tn-text-lg: clamp(1.25rem, 1.1rem + 0.8vw, 1.75rem);
  --tn-text-base: clamp(1rem, 0.96rem + 0.2vw, 1.125rem);
  --tn-text-sm: 0.875rem;
  --tn-text-eyebrow: 0.75rem;
}
