/* MeAriel v3 tokens (brief v3 §2). Fibonacci only: space 2·3·5·8·13·21·34·55·89·144, type 13·16·20·26·33·42·53, radius 3·5·8·13·21·999, motion 89·144·233·377ms. */
:root{
  --mv-blue:#0974C4;      /* "Me" in the logo. White text on it passes AA */
  --mv-blue-h:#075A99;
  --mv-orange:#FC8A05;    /* "Ariel" in the logo. Dark text only on it */
  --mv-orange-h:#E07A00;
  --mv-sun:#FCB646;       /* sun rays */
  --mv-ink:#0B2236;       /* headings, dark bands, footer */
  --mv-text:#13293D; --mv-muted:#4E6377;
  --mv-bg:#F5F8FB; --mv-surface:#FFFFFF; --mv-border:#E3EAF1;
  --mv-chip-bg:#FFF1E3; --mv-chip-fg:#8A3D00;
  --mv-fb:#166FE5;        /* Facebook blue, one step darker so white text passes AA (4.7:1) */
  --mv-font-h:"Rubik","Heebo",sans-serif; --mv-font-b:"Heebo",Arial,sans-serif;
  --mv-wrap:1220px; --mv-r:13px; --mv-shadow:0 3px 5px rgb(11 34 54/.08);
  --mv-shadow-lg:0 21px 34px rgb(11 34 54/.236);
  --mv-t1:89ms; --mv-t2:144ms; --mv-t3:233ms; --mv-t4:377ms;
}

/* Base components */
.mv-wrap{max-width:var(--mv-wrap);margin-inline:auto;padding-inline:21px}

.mv-card{background:var(--mv-surface);border:1px solid var(--mv-border);border-radius:var(--mv-r);box-shadow:var(--mv-shadow);padding:21px;color:var(--mv-text);font-family:var(--mv-font-b)}

.mv-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:8px 21px;border:2px solid transparent;border-radius:999px;font:700 16px/1.2 var(--mv-font-b);text-decoration:none!important;cursor:pointer;transition:background-color var(--mv-t2),border-color var(--mv-t2),color var(--mv-t2)}
.mv-btn-bl{background:var(--mv-blue);color:#fff!important}
.mv-btn-bl:hover{background:var(--mv-blue-h)}
.mv-btn-or{background:var(--mv-orange);color:var(--mv-ink)!important}
.mv-btn-or:hover{background:var(--mv-orange-h)}
.mv-btn-ghost{background:transparent;border-color:currentColor;color:var(--mv-ink)!important}
.mv-btn-ghost:hover{background:var(--mv-ink);border-color:var(--mv-ink);color:#fff!important}

.mv-chip{display:inline-flex;align-items:center;gap:5px;min-height:21px;padding:2px 8px;border-radius:999px;background:var(--mv-chip-bg);color:var(--mv-chip-fg);font:700 13px/1.4 var(--mv-font-b)}

.mv-sechead{display:flex;align-items:center;gap:13px;margin:0 0 21px;color:var(--mv-ink);font:800 26px/1.2 var(--mv-font-h)}
.mv-sechead::before{content:"";flex:0 0 8px;height:34px;border-radius:3px;background:var(--mv-orange)}

.mv-sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* Focus: always visible */
.mv3 :is(a,button,input,select,textarea,[tabindex]):focus-visible{outline:3px solid var(--mv-ink);outline-offset:2px}
.mv3 .mv-ink-bg :focus-visible{outline-color:var(--mv-sun)} /* on dark bands */

@media (prefers-reduced-motion:reduce){
  .mv-btn{transition:none}
}