/* MDRUDW Platform 3.0 — Phase A1 Design System
   Shared visual language for Website + CMS
   Version: 3.0.0-alpha.2
*/
:root{
  --md-bg:#07100c;
  --md-bg-elevated:#0b1510;
  --md-surface:#0f1b15;
  --md-surface-2:#14231b;
  --md-surface-soft:rgba(255,255,255,.035);
  --md-text:#f4efe4;
  --md-text-soft:#c9d2cc;
  --md-muted:#91a49a;
  --md-line:rgba(130,217,177,.16);
  --md-line-strong:rgba(130,217,177,.30);
  --md-accent:#7ed9b1;
  --md-accent-strong:#5fcf9c;
  --md-accent-soft:rgba(126,217,177,.10);
  --md-warning:#e5c37d;
  --md-danger:#df8c79;
  --md-success:#7ed9b1;
  --md-radius-xs:10px;
  --md-radius-sm:14px;
  --md-radius-md:18px;
  --md-radius-lg:24px;
  --md-radius-xl:30px;
  --md-shadow-sm:0 8px 22px rgba(0,0,0,.12);
  --md-shadow-md:0 18px 50px rgba(0,0,0,.18);
  --md-space-1:4px;
  --md-space-2:8px;
  --md-space-3:12px;
  --md-space-4:16px;
  --md-space-5:20px;
  --md-space-6:24px;
  --md-space-8:32px;
  --md-space-10:40px;
  --md-space-12:48px;
  --md-content:1180px;
  --md-reading:760px;
  --md-transition:180ms cubic-bezier(.2,.8,.2,1);
  color-scheme:dark;
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  background:var(--md-bg);
  color:var(--md-text);
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
::selection{background:rgba(126,217,177,.24);color:var(--md-text)}
a{color:inherit}
img,video{max-width:100%;height:auto}

/* Typography */
.md-eyebrow,
.eyebrow,
.v3-kicker{
  color:var(--md-accent)!important;
  font-size:.78rem!important;
  line-height:1.2;
  font-weight:800!important;
  letter-spacing:.15em!important;
  text-transform:uppercase;
}
.md-display{
  margin:0;
  font-size:clamp(2.4rem,7vw,5rem);
  line-height:.96;
  letter-spacing:-.045em;
  font-weight:800;
}
.md-lead{
  color:var(--md-text-soft);
  font-size:clamp(1rem,2.2vw,1.15rem);
  line-height:1.7;
}
.md-muted,.muted{color:var(--md-muted)!important}

/* Surfaces */
.md-card,
.panel,
.module-card,
.stage-card{
  border:1px solid var(--md-line)!important;
  border-radius:var(--md-radius-lg)!important;
  background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.018))!important;
  box-shadow:var(--md-shadow-sm);
}
.md-card--accent{
  background:linear-gradient(145deg,rgba(126,217,177,.13),rgba(255,255,255,.02))!important;
  border-color:var(--md-line-strong)!important;
}
.md-card--flat{box-shadow:none!important}

/* Buttons */
button,
.button-link,
.primary,
.secondary-button,
a.primary,
a.secondary-button{
  transition:transform var(--md-transition),border-color var(--md-transition),background var(--md-transition),color var(--md-transition);
}
button:active,
.button-link:active,
.primary:active,
.secondary-button:active{transform:translateY(1px)}
.primary,
a.primary{
  background:var(--md-accent)!important;
  color:#07110d!important;
  border-color:transparent!important;
  border-radius:var(--md-radius-sm)!important;
  font-weight:800!important;
}
.primary:hover,
a.primary:hover{background:var(--md-accent-strong)!important}
.secondary-button{
  border:1px solid var(--md-line-strong)!important;
  background:var(--md-surface-soft)!important;
  color:var(--md-text)!important;
  border-radius:var(--md-radius-sm)!important;
}
.secondary-button:hover{
  border-color:rgba(126,217,177,.48)!important;
  background:var(--md-accent-soft)!important;
}

/* Forms */
input:not([type=checkbox]):not([type=radio]),
select,
textarea{
  background:rgba(255,255,255,.035)!important;
  color:var(--md-text)!important;
  border:1px solid var(--md-line)!important;
  border-radius:var(--md-radius-sm)!important;
  transition:border-color var(--md-transition),box-shadow var(--md-transition),background var(--md-transition);
}
input:focus,
select:focus,
textarea:focus{
  border-color:rgba(126,217,177,.60)!important;
  box-shadow:0 0 0 3px rgba(126,217,177,.10)!important;
  outline:none;
}

/* Status */
.status-badge,
.viz-badge,
.md-badge{
  display:inline-flex;
  align-items:center;
  gap:7px;
  border:1px solid var(--md-line-strong)!important;
  border-radius:999px!important;
  background:var(--md-accent-soft)!important;
  color:var(--md-accent)!important;
  font-weight:800!important;
}
.status-active{color:var(--md-accent)!important}
.status-planned{color:var(--md-warning)!important}
.status-completed{color:var(--md-text-soft)!important}

/* Global layout helpers */
.md-shell{
  width:min(var(--md-content),calc(100% - 40px));
  margin-inline:auto;
}
.md-reading{
  width:min(var(--md-reading),calc(100% - 40px));
  margin-inline:auto;
}
.md-grid{
  display:grid;
  gap:var(--md-space-4);
}
.md-grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.md-grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.md-stack>*+*{margin-top:var(--md-space-4)}

/* Top bar normalization */
.topbar{
  border-bottom:1px solid rgba(126,217,177,.10)!important;
  background:rgba(7,16,12,.88)!important;
  backdrop-filter:blur(18px);
  -webkit-backdrop-filter:blur(18px);
}
.topbar .brand strong{letter-spacing:.04em}
.topbar a{color:var(--md-text-soft)!important;text-decoration:none}
.topbar a:hover{color:var(--md-accent)!important}

/* Motion — restrained */
@media (prefers-reduced-motion:no-preference){
  .md-reveal{animation:mdReveal .42s ease both}
  @keyframes mdReveal{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{scroll-behavior:auto!important;animation-duration:.001ms!important;transition-duration:.001ms!important}
}

/* Mobile first safeguards */
@media(max-width:760px){
  :root{
    --md-radius-lg:20px;
    --md-radius-xl:24px;
  }
  .md-shell,.md-reading{width:min(100% - 28px,var(--md-content))}
  .md-grid-2,.md-grid-3{grid-template-columns:1fr}
  button,.button-link,.primary,.secondary-button{min-height:44px}
}