/* ================================================================
   CIÊNCIA 360 – Global CSS (System Design)
   ================================================================ */

:root {
  /* Colors */
  --navy:       #0a1628;
  --navy-2:     #0d1f3c;
  --navy-3:     #122348;
  
  --blue:       #2563eb;
  --blue-l:     #3b82f6;
  --blue-d:     #1d4ed8;
  
  --purple:     #7c3aed;
  --purple-l:   #8b5cf6;
  
  --green:      #16a34a;
  --green-l:    #4ade80;
  
  --red:        #dc2626;
  --red-l:      #ef4444;
  
  --orange:     #fb923c;

  /* Typography / Text Colors */
  --text:       #e8edf4;
  --text-m:     rgba(255, 255, 255, 0.65);
  --text-s:     rgba(255, 255, 255, 0.38);
  
  /* Layout utilities */
  --border:     rgba(255, 255, 255, 0.07);
  --radius:     14px;
  --shadow:     0 8px 32px rgba(0, 0, 0, 0.4);
  
  --sidebar-w:  240px;
  --topbar-h:   68px;
}

*, *::before, *::after { 
  box-sizing: border-box; 
  margin: 0; 
  padding: 0; 
}

html { 
  scroll-behavior: smooth; 
}

body {
  font-family: 'Inter', system-ui, -apple-system, sans-serif;
  background: var(--navy);
  color: var(--text);
  line-height: 1.6;
  overflow-x: hidden;
}

h1, h2, h3, h4, h5, h6 {
  font-family: 'Bebas Neue', sans-serif;
  letter-spacing: 0.04em;
  font-weight: 400;
  text-transform: uppercase;
}

/* Base link behavior */
a {
  text-decoration: none;
  color: inherit;
}

/* Reusable global generic gradient text class */
.c360-gradient-text {
  background: linear-gradient(135deg, var(--blue-l) 0%, var(--purple-l) 50%, #f472b6 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  display: inline;
}