/* ============================================================
   TDS DESIGN SYSTEM — official brand theme (Oct 12 2026)
   Technology Solutions. Digital Transformation. Real Impact.
   ============================================================ */
@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@700;800&family=Inter:wght@400;600&family=Rajdhani:wght@600&display=swap");

:root {
  --tds-midnight: #031022;
  --tds-deepnavy: #071B33;
  --tds-navy: #05254E;
  --tds-royal: #0C3E78;
  --tds-electric: #1A80E5;
  --tds-sky: #4B93D0;
  --tds-ice: #61A8DB;
  --tds-white: #FEFEFE;
  --tds-silver: #C9D1DB;
  --tds-muted: #8FA3BA;
}

body, html {
  background: linear-gradient(rgba(3,16,34,0.82), rgba(3,16,34,0.92)), url("tds-digital-bg.jpg") center top / cover no-repeat fixed, radial-gradient(1200px 600px at 50% -10%, var(--tds-navy) 0%, var(--tds-midnight) 60%) fixed, var(--tds-midnight) !important;
  color: var(--tds-silver);
  font-family: "Inter", "Segoe UI", Arial, sans-serif;
}

h1, h2, h3, .tds-heading {
  font-family: "Montserrat", sans-serif !important;
  font-weight: 800;
  letter-spacing: 0.03em;
  color: var(--tds-white);
  text-transform: uppercase;
}
h4, h5 { color: var(--tds-white); }

.tagline, .tds-tagline {
  font-family: "Rajdhani", sans-serif;
  font-style: italic;
  color: var(--tds-ice);
}

a { color: var(--tds-sky); }
a:hover { color: var(--tds-ice); }

button, .btn, input[type="submit"], input[type="button"], .button {
  background: linear-gradient(180deg, var(--tds-electric) 0%, var(--tds-royal) 100%) !important;
  color: var(--tds-white) !important;
  border: none;
  border-radius: 12px;
  font-family: "Rajdhani", sans-serif !important;
  font-weight: 600;
  letter-spacing: 0.05em;
  box-shadow: 0 0 14px rgba(26,128,229,0.45);
  cursor: pointer;
}
button:hover, .btn:hover { box-shadow: 0 0 22px rgba(26,128,229,0.75); }

input, textarea, select {
  background: var(--tds-deepnavy) !important;
  color: var(--tds-white) !important;
  border: 1px solid var(--tds-royal) !important;
  border-radius: 10px;
}

.card, .panel, .tile, .box, section {
  background: var(--tds-deepnavy);
  border: 1px solid var(--tds-royal);
  border-radius: 16px;
  box-shadow: 0 0 18px rgba(12,62,120,0.35);
}