:root {
  /* Backgrounds */
  --tw-theme-body-bg-color: #f5f5f5;
  --tw-theme-body-color: #ffffff;

  /* Font Colors */
  --tw-theme-font-color: #1a1a1a;
  --tw-theme-default-color: #6b7280;

  /* Utility Colors */
  --tw-theme-white-color: #ffffff;
  --tw-theme-black-color: #000000;

  /* Brand Colors */
  --tw-theme-primary-color: #1f4e79; /* Deep Blue */
  --tw-theme-secondary-color: #2e6fa3; /* Royal Blue */
  --tw-theme-tertiary-color: #ffb632; /* Gold */
  --tw-theme-quaternary-color: #e6c76a; /* Light Gold */

  /* Utility Colors */
  --tw-theme-light-color: #f5f5f5;
  --tw-theme-dark-color: #1a1a1a;

  /* Anchor Colors */
  --tw-theme-anchor-default-color: #1f4e79;
  --tw-theme-anchor-default-color-hover: #2e6fa3;

  --tw-theme-anchor-primary-color: #ffb632;
  --tw-theme-anchor-primary-color-hover: #b8962e;

  --tw-theme-anchor-secondary-color: #2e6fa3;
  --tw-theme-anchor-secondary-color-hover: #1f4e79;

  --tw-theme-anchor-tertiary-color: #e6c76a;
  --tw-theme-anchor-tertiary-color-hover: #ffb632;

  --tw-theme-anchor-quaternary-color: #6b7280;
  --tw-theme-anchor-quaternary-color-hover: #1a1a1a;

  /* Decorations */
  --tw-theme-anchor-default-decoration: none;
  --tw-theme-anchor-default-decoration-hover: underline;

  --tw-theme-anchor-primary-decoration: none;
  --tw-theme-anchor-primary-decoration-hover: underline;

  --tw-theme-anchor-secondary-decoration: none;
  --tw-theme-anchor-secondary-decoration-hover: underline;

  --tw-theme-anchor-tertiary-decoration: none;
  --tw-theme-anchor-tertiary-decoration-hover: underline;

  --tw-theme-anchor-quaternary-decoration: none;
  --tw-theme-anchor-quaternary-decoration-hover: underline;

  /* Extra */
  --tw-theme-red-600: #dc2626;

  /* Fonts */
  /* Use the Next.js self-hosted font variable (set by Poppins in layout.tsx),
     with 'Poppins' as a direct fallback so SSR renders correctly */
  --tw-theme-body-font: var(--font-poppins, "Poppins"), sans-serif;
  --tw-theme-primary-font: var(--font-poppins, "Poppins"), sans-serif;
  --tw-theme-secondary-font: var(--font-poppins, "Poppins"), sans-serif;
  --tw-theme-custom-font: var(--font-poppins, "Poppins"), sans-serif;
  --tw-theme-btn-primary-font: var(--font-poppins, "Poppins"), sans-serif;

  /* Container Padding */
  --tw-theme-spacing-max-block-padding: 16px;

  /* =============================================
     BUTTON VARIABLES
     ============================================= */

  /* Default Button */
  --tw-theme-btn-default-color: #6b7280;
  --tw-theme-btn-default-text-color: #ffffff;
  --tw-theme-btn-default-border-width: 1px;
  --tw-theme-btn-default-border-radius: 6px;
  --tw-theme-btn-default-border-color: #6b7280;
  --tw-theme-btn-default-text-transform: none;
  --tw-theme-btn-default-color-hover: #4b5563;
  --tw-theme-btn-default-text-color-hover: #ffffff;
  --tw-theme-btn-default-border-color-hover: #4b5563;

  /* Outline Default Button */
  --tw-theme-btn-outline-default-color: transparent;
  --tw-theme-btn-outline-default-text-color: #6b7280;
  --tw-theme-btn-outline-default-border-width: 1px;
  --tw-theme-btn-outline-default-border-radius: 6px;
  --tw-theme-btn-outline-default-border-color: #6b7280;
  --tw-theme-btn-outline-default-text-transform: none;
  --tw-theme-btn-outline-default-color-hover: #6b7280;
  --tw-theme-btn-outline-default-text-color-hover: #ffffff;
  --tw-theme-btn-outline-default-border-color-hover: #6b7280;

  /* Primary Button (Deep Blue) */
  --tw-theme-btn-primary-color: #1f4e79;
  --tw-theme-btn-primary-text-color: #ffffff;
  --tw-theme-btn-primary-border-width: 1px;
  --tw-theme-btn-primary-border-radius: 6px;
  --tw-theme-btn-primary-border-color: #1f4e79;
  --tw-theme-btn-primary-text-transform: uppercase;
  --tw-theme-btn-primary-color-hover: #163a5f;
  --tw-theme-btn-primary-text-color-hover: #ffffff;
  --tw-theme-btn-primary-border-color-hover: #163a5f;
  --tw-theme-btn-primary-color-hover: #163a5f;

  /* Outline Primary Button */
  --tw-theme-btn-outline-primary-color: transparent;
  --tw-theme-btn-outline-primary-text-color: #1f4e79;
  --tw-theme-btn-outline-primary-border-width: 1px;
  --tw-theme-btn-outline-primary-border-radius: 6px;
  --tw-theme-btn-outline-primary-border-color: #1f4e79;
  --tw-theme-btn-outline-primary-text-transform: uppercase;
  --tw-theme-btn-outline-primary-color-hover: #1f4e79;
  --tw-theme-btn-outline-primary-text-color-hover: #ffffff;
  --tw-theme-btn-outline-primary-border-color-hover: #1f4e79;

  /* Secondary Button (Royal Blue) */
  --tw-theme-btn-secondary-color: #2e6fa3;
  --tw-theme-btn-secondary-text-color: #ffffff;
  --tw-theme-btn-secondary-border-width: 1px;
  --tw-theme-btn-secondary-border-radius: 6px;
  --tw-theme-btn-secondary-border-color: #2e6fa3;
  --tw-theme-btn-secondary-text-transform: none;
  --tw-theme-btn-secondary-color-hover: #1f4e79;
  --tw-theme-btn-secondary-text-color-hover: #ffffff;
  --tw-theme-btn-secondary-border-color-hover: #1f4e79;

  /* Outline Secondary Button */
  --tw-theme-btn-outline-secondary-color: transparent;
  --tw-theme-btn-outline-secondary-text-color: #2e6fa3;
  --tw-theme-btn-outline-secondary-border-width: 1px;
  --tw-theme-btn-outline-secondary-border-radius: 6px;
  --tw-theme-btn-outline-secondary-border-color: #2e6fa3;
  --tw-theme-btn-outline-secondary-text-transform: none;
  --tw-theme-btn-outline-secondary-color-hover: #2e6fa3;
  --tw-theme-btn-outline-secondary-text-color-hover: #ffffff;
  --tw-theme-btn-outline-secondary-border-color-hover: #2e6fa3;

  /* Tertiary Button (Gold) */
  --tw-theme-btn-tertiary-color: #ffb632;
  --tw-theme-btn-tertiary-text-color: #1a1a1a;
  --tw-theme-btn-tertiary-border-width: 1px;
  --tw-theme-btn-tertiary-border-radius: 6px;
  --tw-theme-btn-tertiary-border-color: #ffb632;
  --tw-theme-btn-tertiary-text-transform: none;
  --tw-theme-btn-tertiary-color-hover: #b8962e;
  --tw-theme-btn-tertiary-text-color-hover: #1a1a1a;
  --tw-theme-btn-tertiary-border-color-hover: #b8962e;

  /* Outline Tertiary Button */
  --tw-theme-btn-outline-tertiary-color: transparent;
  --tw-theme-btn-outline-tertiary-text-color: #ffb632;
  --tw-theme-btn-outline-tertiary-border-width: 1px;
  --tw-theme-btn-outline-tertiary-border-radius: 6px;
  --tw-theme-btn-outline-tertiary-border-color: #ffb632;
  --tw-theme-btn-outline-tertiary-text-transform: none;
  --tw-theme-btn-outline-tertiary-color-hover: #ffb632;
  --tw-theme-btn-outline-tertiary-text-color-hover: #1a1a1a;
  --tw-theme-btn-outline-tertiary-border-color-hover: #ffb632;

  /* Quaternary Button (Light Gold) */
  --tw-theme-btn-quaternary-color: #e6c76a;
  --tw-theme-btn-quaternary-text-color: #1a1a1a;
  --tw-theme-btn-quaternary-border-width: 1px;
  --tw-theme-btn-quaternary-border-radius: 6px;
  --tw-theme-btn-quaternary-border-color: #e6c76a;
  --tw-theme-btn-quaternary-text-transform: none;
  --tw-theme-btn-quaternary-color-hover: #ffb632;
  --tw-theme-btn-quaternary-text-color-hover: #1a1a1a;
  --tw-theme-btn-quaternary-border-color-hover: #ffb632;

  /* Outline Quaternary Button */
  --tw-theme-btn-outline-quaternary-color: transparent;
  --tw-theme-btn-outline-quaternary-text-color: #e6c76a;
  --tw-theme-btn-outline-quaternary-border-width: 1px;
  --tw-theme-btn-outline-quaternary-border-radius: 6px;
  --tw-theme-btn-outline-quaternary-border-color: #e6c76a;
  --tw-theme-btn-outline-quaternary-text-transform: none;
  --tw-theme-btn-outline-quaternary-color-hover: #e6c76a;
  --tw-theme-btn-outline-quaternary-text-color-hover: #1a1a1a;
  --tw-theme-btn-outline-quaternary-border-color-hover: #e6c76a;
}