/* =====================================================
   KEKONDANGAN – ROOT VARIABLES (FINAL)
   Purpose : Color + Font System (LCP Safe)
===================================================== */

/* =========================
   ROOT VARIABLES
========================= */
:root {
  /* COLORS */
  --color-primary: #262F2E;
  --color-secondary: #485349;
  --color-accent: #FCC374;
  --color-bg: #F7F7F5;

  /* FONTS (fallback-first strategy) */
  --font-sans: 'Knd Sans', system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  --font-serif: 'Knd Serif', Georgia, 'Times New Roman', serif;
}


/* =====================================================
   FONT FACE – SERIF (CORMORANT)
===================================================== */

@font-face {
  font-family: 'Knd Serif';
  src: url('../fonts/cormorant-v24-latin-regular.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Knd Serif';
  src: url('../fonts/cormorant-v24-latin-600.woff2') format('woff2');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Knd Serif';
  src: url('../fonts/cormorant-v24-latin-700.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}


/* =====================================================
   FONT FACE – SANS (OUTFIT)
===================================================== */

@font-face {
  font-family: 'Knd Sans';
  src: url('../fonts/outfit-v15-latin-regular.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Knd Sans';
  src: url('../fonts/outfit-v15-latin-500.woff2') format('woff2');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Knd Sans';
  src: url('../fonts/outfit-v15-latin-600.woff2') format('woff2');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Knd Sans';
  src: url('../fonts/outfit-v15-latin-700.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}