/* ==========================================================================
   MCCML brand tokens — Monash University Malaysia

   Values below were read off the live Monash Malaysia web presence
   (monash.edu.my) rather than guessed, so this site sits inside the same
   system: Roboto Condensed for headings, Roboto for body, Monash Blue as the
   single accent, a neutral grey ramp, and square corners throughout.
   ========================================================================== */

@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:wght@400;700&family=Roboto:wght@300;400;500;700&display=swap');

:root {
  /* --- Monash Blue -------------------------------------------------------
     #006DAE is the Monash primary. It carries 5.53:1 against white, so it is
     safe for body-size text and as a button fill under white text. There is
     no need for a darkened variant to meet AA. */
  --monash-blue:       #006DAE;
  --monash-blue-hover: #027EB6;  /* the hover fill used on monash.edu.my */
  --monash-blue-tint:  #E8F1F7;  /* light panel wash */
  --monash-blue-line:  #B9D8EA;

  /* --- Neutral ramp (Monash greys) --------------------------------------- */
  --ink:          #3C3C3C;  /* body copy */
  --ink-soft:     #505050;  /* secondary copy */
  --ink-muted:    #696969;  /* captions, meta; 4.8:1 even on the tinted panels */
  --rule:         #D2D2D2;  /* borders and dividers */
  --rule-soft:    #E6E6E6;
  --surface:      #FFFFFF;
  --surface-alt:  #F6F6F6;
  --surface-grey: #F0F0F0;
  --dark:         #323232;  /* footer and dark sections */
  --dark-ink:     #D2D2D2;  /* text on --dark */

  /* --- Type --------------------------------------------------------------
     Roboto Condensed 700 for headings, Roboto for everything else. Both are
     the faces Monash Malaysia serves. */
  --font-display: 'Roboto Condensed', 'Arial Narrow', Arial, sans-serif;
  --font-body:    'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI',
                  Arial, sans-serif;

  --step--1: clamp(0.82rem, 0.80rem + 0.10vw, 0.88rem);
  --step-0:  clamp(1.00rem, 0.97rem + 0.15vw, 1.06rem);
  --step-1:  clamp(1.18rem, 1.11rem + 0.35vw, 1.38rem);
  --step-2:  clamp(1.55rem, 1.38rem + 0.80vw, 2.05rem);
  --step-3:  clamp(2.00rem, 1.60rem + 1.90vw, 3.15rem);
  --step-4:  clamp(2.40rem, 1.80rem + 3.00vw, 4.20rem);

  /* --- Spacing and shape -------------------------------------------------
     Monash draws square. Every corner on monash.edu.my measures 0px, so the
     radius tokens are 0 and not a small rounding. */
  --gutter: 1rem;
  --container: 1200px;
  --radius: 0;
  --radius-lg: 0;

  --shadow-sm: 0 1px 2px rgba(60, 60, 60, .08);
  --shadow-md: 0 2px 10px rgba(60, 60, 60, .12);
}

@media (min-width: 700px) {
  :root { --gutter: 2rem; }
}