/*
 * Kyzm Academy design tokens.
 * Colours, fonts and spacing taken from kyzmacademy-com-837767.hostingersite.com/assets/style.css
 * (read on the day this page was built). Change them here only.
 * Fonts are kept in this repository (SIL Open Font License, see fonts/OFL-*.txt).
 */

@font-face {
  font-family: "Nunito";
  font-style: normal;
  font-weight: 600 800;
  font-display: swap;
  src: url("../fonts/nunito-latin-var.woff2") format("woff2");
}

@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 400 600;
  font-display: swap;
  src: url("../fonts/inter-latin-var.woff2") format("woff2");
}

:root {
  /* Brand colours (exact values from kyzmacademy-com-837767.hostingersite.com) */
  --navy: #0F2D4A;
  --coral: #F26D4F;
  --mustard: #F8B62D;
  --sage: #4DA77A;
  --sky: #8FC1E8;
  --cream: #F9F5EE;
  --grey: #E5E7EB;

  /* Supporting colours (also from kyzmacademy-com-837767.hostingersite.com) */
  --cream-deep: #F3EFE7;      /* alternate section background */
  --cream-final: #EEE8DC;     /* final section background */
  --cream-hover: #F0ECE5;     /* secondary button hover */
  --field-bg: #FFFDF8;        /* form field background */
  --field-border: #72808A;    /* form field border, 4.0:1 on field-bg */
  --muted: #445B69;           /* eyebrow and hint text, 6.5:1 on cream */
  --error: #9A341E;           /* error text, 6.7:1 on cream */
  --success: #276044;         /* success text, 6.8:1 on cream */
  --coral-hover: #ED765D;
  --line: rgba(15, 45, 74, .1);
  --card-border: rgba(15, 45, 74, .2);
  --card-bg: rgba(255, 255, 255, .32);

  /* Type */
  --body: Inter, Arial, sans-serif;
  --heading: Nunito, Arial, sans-serif;
  --text-size: 17px;
  --text-size-phone: 16px;
  --line-height: 1.65;

  /* Shape and spacing */
  --radius: 8px;
  --radius-card: 12px;
  --tap: 48px;                /* smallest tap target */
  --gutter: 48px;             /* each side of .container, desktop */
  --gutter-phone: 20px;       /* each side of .container, phone */
  --container: 1120px;
  --section-pad: 68px;
  --section-pad-phone: 44px;
}