/* ===========================================================================
   marcodinh.com - single source of truth for colour and type.
   Every page links this file first; page stylesheets only add layout.
   Change a value here and it changes everywhere.
   =========================================================================== */

:root {
  /* --- blues, light to deep --- */
  --md-blue-pale:  #f6f8fa;   /* page tint, barely blue        */
  --md-blue-soft:  #eef3f6;   /* section backgrounds           */
  --md-blue-mid:   #416b98;   /* gradient end, accents         */
  --md-blue:       #264163;   /* the brand blue                */
  --md-blue-dark:  #203653;   /* hover, darker panels          */
  --md-blue-deep:  #152438;   /* footer, hero block, gradients */

  /* --- gold --- */
  --md-gold-light: #f0cf6a;
  --md-gold:       #d0a62b;
  --md-gold-dark:  #9f7418;

  /* --- neutrals --- */
  --md-paper:      #ffffff;
  --md-warm:       #f8f7f3;
  --md-line:       #dde5ea;
  --md-muted:      #5b6874;
  --md-ink:        #24313c;

  /* --- type --- */
  --md-sans:  Montserrat, "Segoe UI", Arial, sans-serif;
  --md-serif: Merriweather, Georgia, "Times New Roman", serif;

  /* --- measure --- */
  --md-shell: min(1180px, calc(100vw - 56px));

  /* --- compatibility aliases -------------------------------------------
     The content pages were built against these shorter names. They now
     resolve to the tokens above, so there is only one palette to edit.    */
  --blue-pale:  var(--md-blue-pale);
  --blue-soft:  var(--md-blue-soft);
  --blue-mid:   var(--md-blue-mid);
  --blue:       var(--md-blue);
  --blue-dark:  var(--md-blue-deep);
  --gold-light: var(--md-gold-light);
  --gold:       var(--md-gold);
  --gold-dark:  var(--md-gold-dark);
  --white:      var(--md-paper);
  --line:       var(--md-line);
  --muted:      var(--md-muted);
  --ink:        var(--md-ink);
  --sans:       var(--md-sans);
  --serif:      var(--md-serif);
}

/* --- the two self-hosted families, declared once --- */
@font-face {
  font-family: "Montserrat";
  src: url("fonts/Montserrat-var.woff2") format("woff2");
  font-weight: 600 800;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Merriweather";
  src: url("fonts/Merriweather-var.woff2") format("woff2");
  font-weight: 400 700;
  font-style: normal;
  font-display: swap;
}