/*
 * YDK Group Indonesia: single source of truth for brand colours and fonts
 * (per the official YDK brand guideline).
 * To change the palette or the typefaces, edit ONLY this file (the font import and the :root block).
 * insureview-landing.css and the questionnaire script read these variables and hold no brand colours of their own.
 * Outside this file two non-CSS spots repeat the primary colour: assets/ydk/site.webmanifest and the
 * theme-color meta tag in inc/lp-chrome.php (browser chrome tint; neither can read CSS variables).
 * The logo SVGs in assets/ydk/ carry the forest green as their fill (and white for the dark variants).
 *
 * Fonts: Bodoni Moda stands in for the guideline's Bodoni (headings, uppercase "magazine style");
 * Nunito Sans is the free stand-in for Avenir (paid), which is the guideline's text font.
 */
@import url("https://fonts.googleapis.com/css2?family=Bodoni+Moda:opsz,wght@6..96,400;6..96,500;6..96,600;6..96,700&family=Nunito+Sans:opsz,wght@6..12,400;6..12,600;6..12,800&display=swap");

:root {
  /* Fonts */
  --ydk-font-heading: "Bodoni Moda", "Bodoni 72", Didot, "Times New Roman", serif;
  --ydk-font-body: "Nunito Sans", Avenir, "Avenir Next", system-ui, -apple-system, "Segoe UI", sans-serif;
  --ydk-font-mono: ui-monospace, "SF Mono", Menlo, Consolas, monospace;
  /* Heading treatment: tall uppercase Didone with tight tracking */
  --ydk-heading-case: uppercase;
  --ydk-heading-tracking: -0.01em;

  /* Brand palette (guideline) */
  --ydk-forest: #3c4c33;        /* primary: logo, buttons, green blocks */
  --ydk-forest-rgb: 60, 76, 51; /* same colour as r, g, b for rgba() */
  --ydk-sage: #97ad8b;          /* secondary / accent green */
  --ydk-sage-rgb: 151, 173, 139;
  --ydk-cream: #f8f4dd;         /* text on forest, soft sections */
  --ydk-cream-rgb: 248, 244, 221;
  --ydk-grey: #ededed;          /* light grey */
  --ydk-offwhite: #f6f4f1;      /* main page background */
  --ydk-offwhite-rgb: 246, 244, 241;
  /* Derived from forest (not guideline colours): hover and dark-footer shade, text-safe sage */
  --ydk-deep: #1d2914;
  --ydk-deep-rgb: 29, 41, 20;
  --ydk-sage-ink: #5a7050;      /* sage dark enough for text on light surfaces */
  --ydk-white: #ffffff;
  --ydk-white-rgb: 255, 255, 255;
  --ydk-black: #000000;
  --ydk-black-rgb: 0, 0, 0;

  /* Neutrals derived from the palette */
  --ydk-text: #1d2914;
  --ydk-text-muted: #4f5a47;
  --ydk-text-faint: #6b7062;
  --ydk-surface: var(--ydk-offwhite);
  --ydk-surface-rgb: var(--ydk-offwhite-rgb);
  --ydk-surface-soft: var(--ydk-cream);
  --ydk-surface-deep: var(--ydk-grey);
  --ydk-line: rgba(29, 41, 20, 0.12);

  /* Status colours (error and success semantics, not brand) */
  --ydk-danger: #b91c1c;
  --ydk-success: #15803d;
  /* WhatsApp brand colours (third-party brand, kept as is) */
  --ydk-whatsapp: #25d366;
  --ydk-whatsapp-rgb: 37, 211, 102;
  --ydk-whatsapp-dark: #128c4b;
}