:root{
    --color-primary:#1E3A8A;
    --color-secondary:#64748B;
    --bg-header:#000000;
    --bg-footer:#000000;
    --bg-body:#000000;

    /* --- Section Styles --- */
    --bg-section-primary:#000000;
    --bg-section-secondary:#000000;

    --text-on-header:#FFFFFF;
    --text-on-footer:#FFFFFF;
    --text-on-body:#FFFFFF;
    --text-on-section-primary:#FFFFFF;
    --text-on-section-secondary:#FFFFFF;

    --status-success:#16A34A;
    --status-error:#DC2626;
    --status-warning:#D97706;

    /* --- FONT --- */
    --font-family:Inter;
    --heading-font-family:Inter;

    --h1-size:3rem;
    --h1-weight:700;
    --h2-size:2.25rem;
    --h2-weight:600;
    --h3-size:1.875rem;
    --h3-weight:600;
    --h4-size:1.5rem;
    --h4-weight:600;
    --h5-size:1.25rem;
    --h5-weight:600;
    --h6-size:1.125rem;
    --h6-weight:600;

    /* --- Button / Link Styles --- */
    --btn-primary:#2563EB;
    --btn-primary-hover:#1E40AF;
    --btn-primary-outlined:#2563EB;
    --btn-primary-outlined-hover:#1D4ED8;
    --btn-secondary:#10B981;
    --btn-secondary-hover:#059669;
    --btn-secondary-outlined:#10B981;
    --btn-secondary-outlined-hover:#047857;

    /* --- Button Width Controls --- */
    --btn-mw:none;
    --btn-mw-md:var(--btn-mw);
    --btn-mw-lg:var(--btn-mw-md);
  }