/* ==========================================
   OFFICIAL BRAND IDENTITY FONTS
   Balai Besar Kekarantinaan Kesehatan Tanjung Priok
   Kementerian Kesehatan Republik Indonesia
   ========================================== */

/* ------------------------------------------
   1. FONT UTAMA: VAG Rounded Bold
   ------------------------------------------ */
@font-face {
  font-family: 'VAG Rounded Bold';
  src: url('../fonts/VAGRoundedBold.ttf') format('truetype'),
       url('../fonts/vag-rounded-bold/VAGRoundedBold.ttf') format('truetype'),
       local('VAG Rounded Bold'),
       local('VAGRoundedBold');
  font-weight: 400 800;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'VAGRoundedBold';
  src: url('../fonts/VAGRoundedBold.ttf') format('truetype'),
       url('../fonts/vag-rounded-bold/VAGRoundedBold.ttf') format('truetype'),
       local('VAG Rounded Bold'),
       local('VAGRoundedBold');
  font-weight: 400 800;
  font-style: normal;
  font-display: swap;
}

/* ------------------------------------------
   2. FONT SEKUNDER: Segoe UI (Light, Regular, Bold)
   ------------------------------------------ */
@font-face {
  font-family: 'Segoe UI';
  src: url('../fonts/segoe-ui/segoeuil.ttf') format('truetype'),
       url('../fonts/segoeuil.ttf') format('truetype'),
       local('Segoe UI Light');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Segoe UI';
  src: url('../fonts/segoe-ui/segoeui.ttf') format('truetype'),
       url('../fonts/segoeui.ttf') format('truetype'),
       local('Segoe UI');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Segoe UI';
  src: url('../fonts/segoe-ui/seguisb.ttf') format('truetype'),
       local('Segoe UI Semibold');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Segoe UI';
  src: url('../fonts/segoe-ui/segoeuib.ttf') format('truetype'),
       url('../fonts/segoeuib.ttf') format('truetype'),
       local('Segoe UI Bold');
  font-weight: 700 800;
  font-style: normal;
  font-display: swap;
}

/* ------------------------------------------
   3. FONT SEKUNDER: Century Gothic (Light/Regular, Bold, Italic)
   ------------------------------------------ */
@font-face {
  font-family: 'Century Gothic';
  src: url('../fonts/century-gothic/GOTHIC.TTF') format('truetype'),
       url('../fonts/GOTHIC.TTF') format('truetype'),
       local('Century Gothic');
  font-weight: 300 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Century Gothic';
  src: url('../fonts/century-gothic/GOTHICB.TTF') format('truetype'),
       url('../fonts/GOTHICB.TTF') format('truetype'),
       local('Century Gothic Bold');
  font-weight: 700 800;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Century Gothic';
  src: url('../fonts/century-gothic/GOTHICI.TTF') format('truetype'),
       local('Century Gothic Italic');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Century Gothic';
  src: url('../fonts/century-gothic/GOTHICBI.TTF') format('truetype'),
       local('Century Gothic Bold Italic');
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}

:root {
  /* 1. Heading & Display: Century Gothic (§5.2) */
  --font-heading: 'Century Gothic', 'Century Gothic Fallback', -apple-system, 'Segoe UI', Roboto, sans-serif;
  --font-display: var(--font-heading);
  --font-gothic: var(--font-heading);
  --font-alt: var(--font-heading);

  /* 2. Body, Form, Tabel & UI: Segoe UI (§5.2) */
  --font-body: 'Segoe UI', 'Segoe UI Fallback', -apple-system, Roboto, 'Helvetica Neue', Arial, sans-serif;
  --font-ui: var(--font-body);
  --font-segoe: var(--font-body);
  --font-secondary: var(--font-body);

  /* 3. Brand Wordmark: VAG Rounded Bold (§5.2) */
  --font-brand-logo: 'VAG Rounded Bold', 'VAG Rounded Bold Fallback', 'VAGRoundedBold', sans-serif;
  --font-primary: var(--font-brand-logo);
  --font-main: var(--font-heading);
}