/* ═══════════════════════════════════════════════════════════════
   tokens.css — Teh Tarik Digital · Design Tokens
   Single source of truth for all CSS custom properties.
   TTD Standard — shared across all pages.
   ═══════════════════════════════════════════════════════════════ */

/* ── DESIGN TOKENS ─────────────────────────────────────────── */
:root {
  /* Brand palette */
  --brand-blue:        #2979ff;
  --brand-blue-dark:   #1a4fcc;
  --brand-orange:      #ff9f43;
  --brand-orange-dark: #e67e22;
  --brand-green:       #00e676;
  --brand-yellow:      #fdd835;
  --brand-white:       #ffffff;

  /* Surfaces */
  --bg:                #05080f;
  --nav-bg:            rgba(5, 8, 15, 0.92);
  --card-bg:           rgba(4, 8, 20, 0.60);
  --card-bg-dark:      rgba(5, 8, 15, 0.80);

  /* Borders */
  --border-subtle:     rgba(41, 121, 255, 0.10);
  --border-faint:      rgba(41, 121, 255, 0.15);
  --border-medium:     rgba(41, 121, 255, 0.18);
  --border-strong:     rgba(41, 121, 255, 0.45);
  --border-white:      rgba(255, 255, 255, 0.38);

  /* Text */
  --text-primary:      #ffffff;
  --text-muted:        rgba(255, 255, 255, 0.65);
  --text-dim:          rgba(255, 255, 255, 0.45);
  --text-faint:        rgba(255, 255, 255, 0.25);
  --text-ghost:        rgba(255, 255, 255, 0.25);
  --text-tag:          rgba(255, 255, 255, 0.32);

  /* Typography */
  --font-mono:         'Share Tech Mono', monospace;
  --font-display:      'Orbitron', monospace;

  /* Layout */
  --page-width:        960px;
  --nav-height:        56px;

  /* Gold / nav / footer tokens */
  --brand-gold:         #c8922a;
  --brand-gold-dim:     rgba(200,146,42,0.15);
  --brand-gold-border:  rgba(200,146,42,0.35);
  --grid-line:          rgba(41, 121, 255, 0.032);
  --text-nav:           rgba(255, 255, 255, 0.45);
  --text-footer-link:   rgba(255, 255, 255, 0.35);
  --text-footer-active: rgba(255, 255, 255, 0.75);
}