/* ===================================================
   TENEBIT 2026 -- DESIGN SYSTEM (Base)
   =================================================== */
:root {
  --c1: #ffffff;
  --c2: #f9f9fb;
  --c3: #e2e2e2;
  --c4: #a7c412;
  --c5: #0e2d45;
  --c6: #898989;
  --c7: #212934;
  --c8: #000000;

  --c4-hover: #96b00f;
  --c4-glow: rgba(167,196,18,.25);
  --c5-light: #143d5e;
  --c5-card: #0a2236;
  --c5-card2: #112e48;
  --danger: #f87171;

  --ff-h: "Josefin Sans", Arial, Helvetica, sans-serif;
  --ff-sub: "Inter", Arial, Helvetica, sans-serif;
  --ff-body: "DM Sans", Arial, Helvetica, sans-serif;

  --shadow: 0 4px 20px rgba(0,0,0,.1);
  --shadow-lg: 0 8px 40px rgba(0,0,0,.2);
  --radius: 12px;
  --radius-sm: 4px;
  --tr: .35s cubic-bezier(.4,0,.2,1);
}

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

html { scroll-behavior: smooth; }

body {
  font-family: var(--ff-body);
  color: var(--c7);
  background: var(--c1);
  -webkit-font-smoothing: antialiased;
  overflow-x: hidden;
}

img { max-width: 100%; height: auto; display: block; }
a { text-decoration: none; color: inherit; }
ul { list-style: none; }

.container {
  max-width: 1240px;
  margin: 0 auto;
  padding: 0 24px;
}