/* === Design Tokens — Thép Khang Thịnh === */
:root {
  /* Brand */
  --kt-blue: #003C71;          /* Steel blue, primary */
  --kt-blue-900: #001E3C;      /* darker */
  --kt-blue-800: #002B52;
  --kt-blue-700: #003C71;
  --kt-blue-600: #0A4D8C;
  --kt-blue-500: #1E6BB8;
  --kt-blue-200: #BBD2E8;
  --kt-blue-100: #E4EEF7;

  --kt-red: #D62828;           /* Accent */
  --kt-red-700: #B11F1F;
  --kt-red-600: #D62828;
  --kt-red-500: #EA3B3B;

  --kt-ink: #0B1727;           /* Off-black ink */
  --kt-graphite: #1F2937;
  --kt-steel: #5B6470;         /* mid */
  --kt-fog: #A2ABB6;
  --kt-line: #DEE3EA;          /* divider */
  --kt-paper: #F4F5F2;         /* off white */
  --kt-paper-2: #ECEEEA;
  --kt-white: #FFFFFF;

  /* Type */
  --font-display: "Archivo Narrow", "Barlow Condensed", system-ui, sans-serif;
  --font-display-wide: "Archivo", system-ui, sans-serif;
  --font-body: "Inter", system-ui, sans-serif;
  --font-mono: "JetBrains Mono", "IBM Plex Mono", ui-monospace, monospace;

  /* Radii — keep tight, industrial */
  --r-0: 0px;
  --r-1: 2px;
  --r-2: 4px;
}

/* === Resets within artboards === */
.kt-art * { box-sizing: border-box; }
.kt-art {
  font-family: var(--font-body);
  color: var(--kt-ink);
  line-height: 1.5;
  -webkit-font-smoothing: antialiased;
  font-feature-settings: "ss01", "cv11";
}
.kt-art p { margin: 0; }
.kt-art h1, .kt-art h2, .kt-art h3, .kt-art h4, .kt-art h5 {
  margin: 0;
  font-family: var(--font-display);
  font-weight: 700;
  line-height: 1.02;
  letter-spacing: -0.01em;
  color: var(--kt-ink);
}
.kt-art a { color: inherit; text-decoration: none; }
.kt-art img, .kt-art svg { display: block; }
.kt-art button { font: inherit; cursor: pointer; border: 0; background: none; padding: 0; color: inherit; }

/* === Reusable bits === */
.kt-mono { font-family: var(--font-mono); letter-spacing: 0; }
.kt-eyebrow {
  font-family: var(--font-mono);
  font-size: 11px;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: var(--kt-red);
  font-weight: 500;
}
.kt-rule { height: 1px; background: var(--kt-line); width: 100%; }

/* Image slot defaults inside artboards */
.kt-art image-slot {
  background: linear-gradient(135deg, #122A45 0%, #08172A 100%);
  color: #6E89A8;
  font-family: var(--font-mono);
  font-size: 11px;
  letter-spacing: 0.16em;
  text-transform: uppercase;
}