/*
Theme Name: TechCripto
Theme URI: https://techcripto.com
Author: TechCripto
Description: Official theme for TechCripto Media (techcripto.com) and TechCripto Advisory (marketing.techcripto.com). Independent Brazilian media covering Bitcoin, crypto, and AI; plus a Web3 strategic council for Latin America.
Version: 1.6.0
Requires at least: 6.0
Tested up to: 6.7
Requires PHP: 8.0
License: Proprietary
Text Domain: techcripto
*/

/* =====================================================================
   TechCripto Design Tokens
   Source: TechCripto Design System v1.0
   ===================================================================== */

@font-face {
  font-family: 'Righteous';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('assets/fonts/Righteous-Regular.ttf') format('truetype');
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url('assets/fonts/Inter-VariableFont_opsz_wght.ttf') format('truetype-variations'),
       url('assets/fonts/Inter-VariableFont_opsz_wght.ttf') format('truetype');
}
@font-face {
  font-family: 'Inter';
  font-style: italic;
  font-weight: 100 900;
  font-display: swap;
  src: url('assets/fonts/Inter-Italic-VariableFont_opsz_wght.ttf') format('truetype-variations'),
       url('assets/fonts/Inter-Italic-VariableFont_opsz_wght.ttf') format('truetype');
}

:root {
  /* Brand primary */
  --tc-green: #02EB9F;
  --tc-green-600: #0BD391;
  --tc-green-700: #13BD85;
  --tc-green-900: #297F63;
  --tc-green-100: #D6FAEC;
  --tc-green-050: #EBFDF6;

  /* Accent */
  --tc-purple: #2F0094;
  --tc-purple-700: #240072;
  --tc-purple-300: #6E48D6;

  /* Ink */
  --tc-ink: #11181F;
  --tc-ink-700: #2A323B;
  --tc-ink-500: #5A6470;
  --tc-ink-300: #8B95A1;
  --tc-black: #000000;

  /* Surface */
  --tc-bg: #FFFFFF;
  --tc-surface: #FAFBFC;
  --tc-muted: #EEEEEE;
  --tc-border: #E4E7EB;
  --tc-border-strong: #C9CFD6;

  /* Dark surfaces */
  --tc-dark-bg: #0A0E12;
  --tc-dark-surface: #11181F;
  --tc-dark-surface-2: #1A2128;
  --tc-dark-border: #2A323B;

  /* Semantic */
  --tc-success: var(--tc-green-600);
  --tc-danger: #E5484D;
  --tc-warning: #F5A524;

  /* Typography */
  --tc-font-display: 'Righteous', 'Inter', system-ui, sans-serif;
  --tc-font-body: 'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --tc-font-mono: 'JetBrains Mono', ui-monospace, 'SF Mono', Menlo, monospace;

  /* Type scale */
  --tc-text-2xs: 11px;
  --tc-text-xs:  12px;
  --tc-text-sm:  14px;
  --tc-text-base:16px;
  --tc-text-md:  18px;
  --tc-text-lg:  20px;
  --tc-text-xl:  24px;
  --tc-text-2xl: 30px;
  --tc-text-3xl: 36px;
  --tc-text-4xl: 48px;
  --tc-text-5xl: 64px;
  --tc-text-6xl: 80px;

  /* Weights */
  --tc-weight-regular:   400;
  --tc-weight-medium:    500;
  --tc-weight-semibold:  600;
  --tc-weight-bold:      700;
  --tc-weight-extrabold: 800;

  /* Line heights */
  --tc-lh-tight:   1.05;
  --tc-lh-snug:    1.2;
  --tc-lh-normal:  1.45;
  --tc-lh-relaxed: 1.6;

  /* Letter spacing */
  --tc-track-tight:   -0.02em;
  --tc-track-normal:   0;
  --tc-track-wide:     0.04em;
  --tc-track-eyebrow:  0.18em;

  /* Spacing */
  --tc-space-1: 4px;
  --tc-space-2: 8px;
  --tc-space-3: 12px;
  --tc-space-4: 16px;
  --tc-space-5: 24px;
  --tc-space-6: 32px;
  --tc-space-7: 48px;
  --tc-space-8: 64px;
  --tc-space-9: 96px;

  /* Radii */
  --tc-radius-xs:   4px;
  --tc-radius-sm:   6px;
  --tc-radius-md:   10px;
  --tc-radius-lg:   16px;
  --tc-radius-xl:   24px;
  --tc-radius-pill: 999px;

  /* Shadows */
  --tc-shadow-sm:   0 1px 2px rgba(17,24,31,0.06);
  --tc-shadow-md:   0 4px 12px rgba(17,24,31,0.08);
  --tc-shadow-lg:   0 12px 32px rgba(17,24,31,0.12);
  --tc-shadow-glow: 0 0 0 4px rgba(2,235,159,0.18);

  /* Motion */
  --tc-ease-out:    cubic-bezier(0.16, 1, 0.3, 1);
  --tc-ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
  --tc-dur-fast:    120ms;
  --tc-dur-base:    200ms;
  --tc-dur-slow:    320ms;
}

/* =====================================================================
   Global reset
   ===================================================================== */
*, *::before, *::after { box-sizing: border-box; }

html, body {
  margin: 0;
  padding: 0;
  background: var(--tc-bg);
  color: var(--tc-ink);
  font-family: var(--tc-font-body);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

a { color: inherit; text-decoration: none; }
img { max-width: 100%; display: block; }
button { font-family: inherit; }

/* =====================================================================
   Screen-reader utilities
   ===================================================================== */
.sr-only {
  position: absolute;
  width: 1px; height: 1px;
  padding: 0; margin: -1px;
  overflow: hidden;
  clip: rect(0,0,0,0);
  white-space: nowrap;
  border: 0;
}