/* MSPACEZ Design System v1.1 — generated from tokens.json */
@font-face { font-family: "Montserrat"; font-weight: 100 900; font-display: swap; src: url("fonts/montserrat-latin-wght-normal.woff2") format("woff2"); }
@font-face { font-family: "Alexandria"; font-weight: 100 900; font-display: swap; src: url("fonts/alexandria-arabic-wght-normal.woff2") format("woff2"); }
@font-face { font-family: "Alexandria"; font-weight: 100 900; font-display: swap; src: url("fonts/alexandria-latin-wght-normal.woff2") format("woff2"); }
:root {
  --brand-red: #F05C49;
  --brand-black: #000000;
  --white: #FFFFFF;
  --paper: #F7F5F2;
  --mist: #EFEEEB;
  --line: #D9D9D9;
  --silver: #A6A6A6;
  --gray: #6B6B6B;
  --graphite: #404040;
  --charcoal: #1C1C1C;
  --red-tint: #FDECE9;
  --success: #1E7A4C;
  --warning: #8A5300;
  --text-primary: var(--brand-black);
  --text-secondary: var(--graphite);
  --text-muted: var(--gray);
  --text-on-red: var(--paper);
  --text-on-red-small: var(--brand-black);
  --surface: var(--white);
  --surface-sheet: var(--paper);
  --surface-inverse: var(--brand-black);
  --border: var(--line);
  --border-strong: var(--brand-black);
  --signal: var(--brand-red);
  --focus: var(--brand-black);
  --logo-plate: var(--paper);
  --font-sans: "Montserrat", "Segoe UI", Arial, sans-serif;
  --font-arabic: "Alexandria", Tahoma, "Segoe UI", sans-serif;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 48px;
  --space-8: 64px;
  --space-9: 96px;
  --space-10: 128px;
  --radius-0: 0px;
  --radius-xs: 2px;
  --border-hairline: 1px;
  --border-rule: 1.5px;
  --border-signal: 4px;
  --shadow-none: none;
  --shadow-overlay: 0 8px 24px rgba(0,0,0,0.12);
  --icon-16: 16px;
  --icon-20: 20px;
  --icon-24: 24px;
  --icon-32: 32px;
  --icon-48: 48px;
  --grid-columns: 12;
  --grid-margin-social: 5%;
  --grid-margin-web: 48px;
  --grid-margin-print: 15mm;
  --grid-margin-video: 90px;
  --ratio-square: 1 / 1;
  --ratio-portrait: 4 / 5;
  --ratio-story: 9 / 16;
  --ratio-landscape: 16 / 9;
  --ratio-card: 4 / 3;
  --ratio-email: 2 / 1;
  --motion-micro: 150ms;
  --motion-text: 350ms;
  --motion-lower-third-in: 400ms;
  --motion-lower-third-out: 250ms;
  --motion-graphic: 700ms;
  --motion-transition: 450ms;
  --motion-cta: 500ms;
  --motion-ui-fast: 160ms;
  --motion-ui-base: 240ms;
  --ease-measured: cubic-bezier(.2,0,0,1);
  --ease-exit: cubic-bezier(.4,0,1,1);
}