/* Mitprakim calm theme (2026-10-11): one palette for the site, the course machine and the emails.
   terracotta #c4502f (actions) · olive #6b7a3f (calm accent) · navy #2b3553 (headings) · cream #fffdf6 (paper) */
:root{
  --terra:#c4502f; --terra-dark:#a8411f; --terra-soft:#fbeadf;
  --olive:#6b7a3f; --olive-dark:#55632f; --olive-mid:#97a36b; --olive-soft:#eef0e1; --olive-mist:#f5f6ec;
  --navy:#2b3553; --ink:#3a4237; --text:#565d52; --muted:#8d917f;
  --sand:#c0934e; --sand-soft:#f7efdf; --paper:#fffdf6; --line:#ece4d4;
}
html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;}
body{background:var(--paper);}
::selection{background:#e3e8cf!important;color:var(--olive-dark)!important;}
h1,h2,h3{letter-spacing:-.3px;font-family:'Assistant',sans-serif!important;}
h1{line-height:1.12!important;} h2{line-height:1.22!important;}
p{text-wrap:pretty;}
img{image-rendering:auto;}

/* buttons & pills: soft lift on hover */
a[style*="background:#c4502f"],a[style*="background: #c4502f"],button[style*="background:#c4502f"],
a[style*="background:#6b7a3f"],a[style*="background:#5e6d38"],a[style*="background:#55632f"]{
  transition:transform .2s ease,box-shadow .2s ease,filter .2s ease!important;
}
a[style*="background:#c4502f"]:hover,button[style*="background:#c4502f"]:hover,
a[style*="background:#6b7a3f"]:hover,a[style*="background:#5e6d38"]:hover,a[style*="background:#55632f"]:hover{
  transform:translateY(-2px);box-shadow:0 12px 26px -10px rgba(85,99,47,.45)!important;filter:saturate(1.05);color:#fff!important;
}

/* cards: quiet paper shadow instead of hard lines */
div[style*="border:1px solid #f0e6d6"],div[style*="border:1px solid #efe7da"],a[style*="border:1px solid #f0e6d6"]{
  border-color:#efe8da!important;
  box-shadow:0 1px 2px rgba(60,58,40,.04),0 14px 34px -22px rgba(80,74,40,.28);
  transition:transform .25s ease,box-shadow .25s ease;
}
a[style*="border:1px solid #f0e6d6"]:hover{transform:translateY(-3px);box-shadow:0 2px 4px rgba(60,58,40,.05),0 22px 40px -22px rgba(80,74,40,.36);}

@media (prefers-reduced-motion: reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important;}}
