/* TechNativeLabs — Union Jack palette
   Blue #012169 is the world. Red #C8102E is the helping colour. */
:root {
  --tn-ink: #012169;
  --tn-navy: #012169;
  --tn-navy-deep: #010b1d;
  --tn-navy-mid: #02153a;
  --tn-indigo: #012169;
  --tn-violet: #012169;
  --tn-magenta: #c8102e;
  --tn-accent: #c8102e;
  --tn-indigo-soft: #eef2f8;
  --tn-violet-soft: #f7eef0;
  --tn-text: #1c2740;
  --tn-muted: #5a6578;
  --tn-border: #e4e8ef;
  --tn-white: #ffffff;
  --tn-offwhite: #f4f6fa;
  --tn-bg: #eef2f7;
  --tn-success: #0f9d6e;
  --tn-danger: #c8102e;
  --tn-shadow: 0 20px 50px rgba(1, 11, 29, 0.12);
  --tn-shadow-lg: 0 30px 80px rgba(1, 11, 29, 0.18);
  --tn-radius: 28px;
  --tn-radius-sm: 16px;
  --tn-radius-lg: 36px;
  --tn-container: 1280px;
  --tn-serif: "Cormorant Garamond", "Times New Roman", serif;
  --tn-display: "Outfit", system-ui, sans-serif;
  --tn-font: "Outfit", system-ui, sans-serif;
  --tn-grad: linear-gradient(135deg, #012169 0%, #c8102e 100%);
  --tn-grad-hero: var(--tn-silk);
  --tn-grad-dark: var(--tn-silk);
  --tn-silk:
    radial-gradient(120% 90% at 12% 0%, rgba(200, 16, 46, 0.72) 0%, transparent 52%),
    radial-gradient(90% 70% at 92% 8%, rgba(1, 33, 105, 0.9) 0%, transparent 48%),
    radial-gradient(80% 50% at 50% 100%, rgba(1, 11, 29, 0.95) 0%, #010b1d 72%),
    #010b1d;
  --tn-grid: none;
  --tn-nav-h: 88px;
  --tn-ease: cubic-bezier(0.22, 1, 0.36, 1);
}