/* ==========================================================================
   Coders Tech Technologies — Design Tokens
   Signature: a "terminal / command-line" motif (monospace eyebrows, </> ticks,
   a typed-command hero) that literalizes the brand name "Coders Tech" without
   turning every section into a code editor.
   ========================================================================== */
:root{
  /* ---- Brand colors ---- */
  --ct-orange:        #F15A24;
  --ct-orange-deep:    #D6430F;
  --ct-orange-light:  #FFB088;
  --ct-black:          #111111;
  --ct-charcoal:      #17181B;
  --ct-white:          #FFFFFF;
  --ct-gray-light:    #F8F9FA;
  --ct-gray-100:      #EEF0F2;
  --ct-gray-400:      #9CA3AF;
  --ct-gray-600:      #5B6169;
  --ct-gray-800:      #2B2D31;

  --ct-gradient: linear-gradient(135deg, var(--ct-orange) 0%, var(--ct-orange-deep) 100%);
  --ct-gradient-soft: linear-gradient(135deg, rgba(241,90,36,.12) 0%, rgba(214,67,15,.04) 100%);

  /* ---- Type ---- */
  --font-display: 'Poppins', sans-serif;
  --font-body: 'Inter', sans-serif;
  --font-mono: 'JetBrains Mono', 'SFMono-Regular', Consolas, monospace;

  --fs-hero: clamp(2.4rem, 5vw, 4rem);
  --fs-h2: clamp(1.9rem, 3vw, 2.6rem);
  --fs-h3: clamp(1.3rem, 2vw, 1.6rem);
  --fs-body: 1rem;
  --fs-small: 0.875rem;
  --fs-eyebrow: 0.8rem;

  /* ---- Spacing / radius / shadow ---- */
  --radius-sm: 10px;
  --radius-md: 18px;
  --radius-lg: 28px;
  --section-pad: clamp(64px, 8vw, 120px);

  --shadow-sm: 0 2px 10px rgba(17,17,17,.06);
  --shadow-md: 0 12px 30px rgba(17,17,17,.10);
  --shadow-orange: 0 14px 30px rgba(241,90,36,.28);

  --glass-bg: rgba(255,255,255,0.72);
  --glass-border: rgba(255,255,255,0.4);

  --ease: cubic-bezier(.16,.84,.44,1);
}

@media (prefers-reduced-motion: reduce){
  *{ animation-duration: 0.001ms !important; animation-iteration-count: 1 !important; transition-duration: 0.001ms !important; scroll-behavior: auto !important; }
}