/* MMAS — base palette (sampled from brand assets: logo, championship ribbon, event badge) */
:root{
--yellow:#FECC09;--yellow-dark:#E0B300;--yellow-tint:#FFF6D6;
--red:#E13124;--red-dark:#B92318;--red-tint:#FBE5E3;
--black:#0A0A0A;--ink:#141414;
--gray-1:#F6F5F2;--gray-2:#E8E6E1;--gray-3:#C9C6BF;--gray-4:#8B887F;--gray-5:#55534D;
--white:#FFFFFF;
/* semantic */
--brand:var(--yellow);--accent:var(--red);
--text-body:var(--ink);--text-muted:var(--gray-5);--text-faint:var(--gray-4);--text-inverse:var(--white);--text-on-brand:var(--black);
--surface-page:var(--white);--surface-alt:var(--gray-1);--surface-card:var(--white);--surface-dark:var(--black);
--border-default:var(--gray-2);--border-strong:var(--black);
--action-primary-bg:var(--yellow);--action-primary-fg:var(--black);--action-primary-hover:var(--yellow-dark);
--action-danger-bg:var(--red);--action-danger-fg:var(--white);--action-danger-hover:var(--red-dark);
--focus-ring:0 0 0 3px rgba(225,49,36,.35);
--success:#2E7D32;--warning:var(--yellow-dark);--error:var(--red);
}
:root{
--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px;--space-8:64px;
--radius-sm:4px;--radius-md:6px;--radius-lg:10px;--radius-pill:999px;
--shadow-card:0 1px 3px rgba(10,10,10,.08),0 4px 16px rgba(10,10,10,.06);
--shadow-pop:0 8px 32px rgba(10,10,10,.18);
--border-w:1px;--border-w-strong:2px;
--ease-out:cubic-bezier(.2,.7,.3,1);/* @kind other */--dur-fast:120ms;/* @kind other */--dur-med:200ms;/* @kind other */
/* brand stripe motif — the diagonal black/red/yellow ribbon */
--stripe-brand:repeating-linear-gradient(115deg,#0A0A0A 0 28px,#E13124 28px 44px,#FECC09 44px 60px);/* @kind other */
--stripe-thin:repeating-linear-gradient(115deg,#0A0A0A 0 14px,#E13124 14px 22px,#FECC09 22px 30px);/* @kind other */
}