/* ============================================================
   JETEDCO BRAND FOUNDATION
   Source: Brand Book 2026 by Twelve Creative
   Link this file first on every page:
   <link rel="stylesheet" href="/css/brand.css">
   ============================================================ */

/* ---- Fonts: Satoshi ----
   Black = titles, Medium = subtitles, Regular = body copy */

@font-face {
  font-family: 'Satoshi';
  src: url('../fonts/Satoshi-Regular.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Satoshi';
  src: url('../fonts/Satoshi-Medium.woff2') format('woff2');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Satoshi';
  src: url('../fonts/Satoshi-Black.woff2') format('woff2');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

/* ---- Brand tokens ---- */

:root {
  /* Colors (Jetedco Blue corrected from brand book typo: true value #4589D7) */
  --jetedco-dark:  #2D3035;
  --jetedco-white: #CCD9F5;
  --jetedco-blue:  #4589D7;
  --jetedco-cream: #86ACE5;

  /* Semantic aliases — use these in page styles */
  --color-bg:        var(--jetedco-dark);
  --color-text:      var(--jetedco-white);
  --color-accent:    var(--jetedco-blue);
  --color-soft:      var(--jetedco-cream);

  /* Typography */
  --font-brand: 'Satoshi', -apple-system, 'Helvetica Neue', Arial, sans-serif;
  --weight-title: 900;    /* Satoshi Black */
  --weight-subtitle: 500; /* Satoshi Medium */
  --weight-body: 400;     /* Satoshi Regular */
}

/* ---- Base defaults ---- */

body {
  font-family: var(--font-brand);
  font-weight: var(--weight-body);
  background: var(--color-bg);
  color: var(--color-text);
  -webkit-font-smoothing: antialiased;
}

h1, h2, h3 {
  font-weight: var(--weight-title);
  text-transform: uppercase;
  letter-spacing: 0.01em;
  line-height: 1.05;
}

h4, h5, h6, .subtitle {
  font-weight: var(--weight-subtitle);
}