/*
 * LMI site custom stylesheet
 * --------------------------
 * Loaded AFTER assets/css/main.css.
 *
 * Future visual changes should normally be made here instead of editing
 * PHP templates or replacing the whole site package.
 *
 * Use this file for:
 * - brand colour changes
 * - typography sizing
 * - spacing/density
 * - button/card radii
 * - header/hero refinements
 * - mobile responsive refinements
 *
 * Structural/content changes may still require PHP/HTML/JS edits.
 */

/* =========================================================
   1. BRAND / DESIGN TOKENS
   Override any variable defined in main.css here.
   ========================================================= */
:root {
  --navy-950: #0c1b2b;
  --navy-900: #253c54;
  --navy-800: #314f6b;

  --teal-900: #2d5e59;
  --teal-800: #356c65;
  --teal-700: #467a72;
  --teal-600: #568d84;
  --teal-100: #e7f1ef;
  --teal-050: #f2f7f6;

  --gold-700: #8b7846;
  --gold-500: #b9a970;
  --gold-200: #dfd4ad;
  --gold-100: #f2eddd;

  --ink: #17242f;
  --muted: #60717a;
  --border: #dce5e3;
  --surface: #f7f8f6;
  --surface-warm: #faf8f2;
  --white: #ffffff;

  --radius-sm: 10px;
  --radius-md: 18px;
  --radius-lg: 26px;

  --container: 1240px;
  --reading: 780px;
}

/* =========================================================
   2. OPTIONAL GLOBAL OVERRIDES
   Keep empty unless we deliberately change the design system.
   Examples are left commented out.
   ========================================================= */

/* More compact overall sections:
.section { padding-block: 64px; }
*/

/* Smaller desktop page headings:
h1 { font-size: clamp(2.15rem, 3.2vw, 3.15rem); }
*/

/* Softer cards:
.card { border-radius: 20px; }
*/

/* =========================================================
   3. HEADER / NAVIGATION OVERRIDES
   ========================================================= */

/* Add future header changes here. */

/* =========================================================
   4. HERO OVERRIDES
   ========================================================= */

/* Add future hero changes here. */

/* =========================================================
   5. COMPONENT OVERRIDES
   Buttons, cards, forms, infographics, footer, etc.
   ========================================================= */

/* Add future component changes here. */

/* =========================================================
   6. MOBILE OVERRIDES
   Put mobile-specific fixes at the bottom so they win cleanly.
   ========================================================= */
@media (max-width: 899px) {
  /* Add future tablet/mobile changes here. */
}

@media (max-width: 639px) {
  /* Add future phone-specific changes here. */
}