/* ============================================================
   MARCOSSTIC — brand-base.css
   ------------------------------------------------------------
   Capa base de identidad: tipografía y tokens de diseño.

   Se carga en:
     - tienda / checkout
     - panel /control/
     - login y registro
     - páginas de error 404/500

   NO define colores de componentes de la tienda. Los colores
   nativos de Pretix (theme.css del organizador/evento) siguen
   mandando en la tienda. Los tokens --ms-* son la fuente para
   brand-control.css, que nunca se carga en la tienda.

   Generado por branding/scripts/generar_ui.py a partir de
   branding/tokens/brand.json. No editar el archivo de dist.
   ============================================================ */

@font-face {
  font-family: "Manrope";
  font-style: normal;
  font-weight: 200 800;
  font-display: swap;
  src: url("fonts/manrope-latin-ext-var.woff2?v=w5.1") format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: "Manrope";
  font-style: normal;
  font-weight: 200 800;
  font-display: swap;
  src: url("fonts/manrope-latin-var.woff2?v=w5.1") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

:root {
  --ms-font-sans: "Manrope", "Segoe UI", system-ui, -apple-system, sans-serif;

  --ms-color-ink: #0A0A0A;
  --ms-color-ink-soft: #1C1C1E;
  --ms-color-text: #1C1C1E;
  --ms-color-text-muted: #6E6E73;
  --ms-color-muted: #8E8E93;
  --ms-color-surface: #FFFFFF;
  --ms-color-surface-muted: #F5F5F7;
  --ms-color-surface-subtle: #FAFAFC;
  --ms-color-surface-dark: #0A0A0A;
  --ms-color-text-on-dark: #E5E5EA;
  --ms-color-accent: #0066FF;
  --ms-color-primary: #005CE6;
  --ms-color-primary-hover: #0047B2;
  --ms-color-primary-active: #003D99;
  --ms-color-primary-tint-90: #E6EFFC;
  --ms-color-primary-tint-50: #80AEF2;
  --ms-color-primary-tint-20: #CCDEFA;
  --ms-color-primary-border: #C7DCFA;
  --ms-color-primary-rgb: 0, 92, 230;
  --ms-color-success: #408252;
  --ms-color-success-hover: #3A754A;
  --ms-color-success-text: #2F6B3F;
  --ms-color-success-bg: #EAF3ED;
  --ms-color-success-border: #C9E2D2;
  --ms-color-danger: #C44F4F;
  --ms-color-danger-hover: #B04747;
  --ms-color-danger-text: #9E3B3B;
  --ms-color-danger-bg: #FBECEC;
  --ms-color-danger-border: #F0C9C9;
  --ms-color-cyan: #00D4FF;
  --ms-color-border-ui: #8A8A8E;
  --ms-color-border-soft: #E5E5EA;
  --ms-color-focus: #005CE6;

  --ms-radius-sm: 4px;
  --ms-radius-base: 6px;
  --ms-radius-lg: 10px;
  --ms-radius-pill: 999px;

  --ms-focus-width: 2px;
  --ms-focus-offset: 2px;
  --ms-focus-ring: rgba(var(--ms-color-primary-rgb), 0.22);

  --ms-shadow-sm: 0 1px 2px rgba(10, 10, 10, 0.06), 0 1px 3px rgba(10, 10, 10, 0.04);
  --ms-shadow-md: 0 4px 12px rgba(10, 10, 10, 0.08), 0 2px 4px rgba(10, 10, 10, 0.04);
  --ms-shadow-lg: 0 12px 32px rgba(10, 10, 10, 0.14), 0 4px 10px rgba(10, 10, 10, 0.06);

  /* Pretix consume esta variable en la tienda y en el panel. Al cargar
     esta capa después de theme.css, Manrope sustituye visualmente a la
     fuente nativa sin tocar main.scss ni el selector primary_font. */
  --pretix-font-family-sans-serif: var(--ms-font-sans);
}

body,
button,
input,
select,
textarea,
optgroup,
.btn,
.form-control,
.dropdown-menu,
.modal,
.popover,
.tooltip,
.select2-container,
.datepicker,
.bootstrap-datetimepicker-widget {
  font-family: var(--ms-font-sans);
}