/* ============================================================
   MEASURED MATTERS — Shared Brand Tokens
   File: mesaLabsTheme/css/mm-tokens.css
   This file is referenced by all 6 modules via the
   "Linked stylesheets" field in each module's right panel.
   ============================================================ */

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

:root {
  /* Mesa Labs Official Brand Colors (Brand Guide Aug 2024) */
  --ml-teal:         #0C9AAC;   /* Primary — Pantone 7711 C  */
  --ml-teal-dark:    #005A65;   /* Secondary — Pantone 5473 C */
  --ml-teal-light:   #A9D2D8;   /* Secondary — Pantone 5513 C */
  --ml-teal-pale:    #E6F4F6;
  --ml-purple:       #953092;   /* Tertiary — Pantone 254 C  */
  --ml-purple-dark:  #6B2169;
  --ml-purple-pale:  #F5E8F5;

  /* Page surfaces */
  --ml-bg-white:     #FFFFFF;
  --ml-bg-alt:       #F5F7F8;
  --ml-bg-hero:      #005A65;

  /* Typography */
  --ml-text-dark:    #1A2530;
  --ml-text-mid:     #4A5568;
  --ml-text-muted:   #718096;

  /* Borders */
  --ml-border:       #E2E8F0;
  --ml-border-teal:  rgba(12, 154, 172, 0.2);

  /* Shared values */
  --ml-font:         'Roboto', Arial, sans-serif;
  --ml-pill:         100px;
  --ml-radius:       8px;
  --ml-max-w:        1160px;
}