/*
 * Marble Design System — generated tokens. DO NOT EDIT BY HAND.
 * Source: tokens/*.json
 * Variant: manual (Manual de marca para presentaciones) — wine base #79242f
 * Built: 2026-10-07
 * Regenerate with: MARBLE_VARIANT=manual node build/build.mjs
 */

:root {
  color-scheme: light;

  /* =================================================================
     1. COLOR — primitives (manual, chapter 05)
     ================================================================= */
  --mb-vino-01: #f2eeee;
  --mb-vino-02: #e1d6d7;
  --mb-vino-03: #cab9bb;
  --mb-vino-04: #c04a56;
  --mb-vino-05: #883039;
  --mb-vino-06: #79242f;
  --mb-vino-07: #3f151c;
  --mb-slate-01: #eef0f1;
  --mb-slate-02: #d8dcde;
  --mb-slate-03: #bdc3c7;
  --mb-slate-04: #648da6;
  --mb-slate-05: #446274;
  --mb-slate-06: #2e4756;
  --mb-slate-07: #1d2c34;
  --mb-petrol-01: #eef2f0;
  --mb-petrol-02: #d5e0db;
  --mb-petrol-03: #b8c9c2;
  --mb-petrol-04: #4abfa2;
  --mb-petrol-05: #318771;
  --mb-petrol-06: #1f5c4d;
  --mb-petrol-07: #163f35;
  --mb-petrol-digital: #1b7a63;
  --mb-plum-01: #f1eef2;
  --mb-plum-02: #ded7e0;
  --mb-plum-03: #c6bbc9;
  --mb-plum-04: #a751b8;
  --mb-plum-05: #743781;
  --mb-plum-06: #55265e;
  --mb-plum-07: #34183a;
  --mb-plum-digital: #842c96;

  --mb-white: #ffffff;
  --mb-bone: #f6f6f6;
  --mb-grey-100: #b7b7b6;
  --mb-grey-300: #999999;
  --mb-grey-500: #6e6e6e;
  --mb-grey-600: #4d4d4d;
  --mb-grey-800: #333333;
  --mb-endorsement: #6b7680;
  --mb-ink-deep: #141112;

  --mb-violet-1: #9e8d93;
  --mb-violet-2: #8c7c82;
  --mb-violet-3: #705c63;
  --mb-violet-4: #5c464d;
  --mb-gold-light: #bdab71;
  --mb-gold: #8e7e52;
  --mb-cafe: #726441;
  --mb-cafe-deep: #493f28;

  /* =================================================================
     2. COLOR — semantic
     ================================================================= */
  --ms-ground: var(--mb-bone);
  --ms-surface: var(--mb-white);
  --ms-ink: var(--mb-grey-800);
  --ms-ink-soft: var(--mb-grey-600);
  --ms-ink-subtle: var(--mb-grey-500);
  --ms-line: rgb(51 51 51 / 0.12);
  --ms-line-strong: rgb(51 51 51 / 0.35);
  --ms-on-dark: #ffffff;
  --ms-on-dark-soft: rgb(255 255 255 / 0.74);
  --ms-on-dark-subtle: rgb(255 255 255 / 0.6);
  --ms-line-on-dark: rgb(255 255 255 / 0.22);
  --ms-brand: var(--mb-vino-06);
  --ms-brand-on-dark: var(--mb-vino-04);
  --ms-brand-deep: var(--mb-vino-07);
  --ms-brand-tint: var(--mb-vino-01);
  --ms-brand-state: var(--mb-vino-05);
  --ms-brand-line: var(--mb-vino-03);
  --ms-dark: var(--mb-vino-07);

  /* =================================================================
     3. TYPOGRAPHY — Barlow only (manual, chapter 06)
     ================================================================= */
  --ms-font-display: 'Barlow Condensed', Barlow, 'Helvetica Neue', Arial, sans-serif;
  --ms-font-body: Barlow, 'Helvetica Neue', Arial, sans-serif;
  --ms-font-label: 'Barlow Semi Condensed', Barlow, 'Helvetica Neue', Arial, sans-serif;

  --ms-w-light: 300;
  --ms-w-regular: 400;
  --ms-w-semibold: 600;

  --ms-display: clamp(3.2rem, 1.2rem + 4.6vw, 5.6rem);
  --ms-title: clamp(2.9rem, 1.3rem + 3.8vw, 5rem);
  --ms-title-lead: calc(var(--ms-title) * 0.64);
  --ms-subtitle: clamp(1.75rem, 1.1rem + 1.2vw, 2.4rem);
  --ms-heading-sm: clamp(1.15rem, 0.95rem + 0.42vw, 1.4rem);
  --ms-figure: clamp(2.25rem, 1.4rem + 1.9vw, 3.25rem);
  --ms-body: 0.9375rem;
  --ms-body-sm: 0.875rem;
  --ms-label: 0.75rem;
  --ms-label-sm: 0.6875rem;

  --ms-leading-display: 0.92;
  --ms-leading-heading: 1.02;
  --ms-leading-body: 1.7;
  --ms-tracking-label: 0.18em;
  --ms-tracking-display: -0.015em;
  --ms-measure: 42ch;

  /* =================================================================
     4. LAYOUT & SPACING
     ================================================================= */
  --ms-container-max: 72rem;
  --ms-gutter: clamp(1.25rem, 5vw, 3rem);
  --ms-container-edge: max(var(--ms-gutter), (100% - var(--ms-container-max)) / 2);
  --ms-grid-columns: 12;
  --ms-grid-gap: 1.25rem;

  --ms-section-y: clamp(4.5rem, 7vw, 6.25rem);
  --ms-kicker-gap: 1.75rem;
  --ms-header-gap: clamp(2.5rem, 5vw, 4rem);

  --ms-space-1: 0.25rem;
  --ms-space-2: 0.5rem;
  --ms-space-3: 0.75rem;
  --ms-space-4: 1rem;
  --ms-space-5: 1.25rem;
  --ms-space-6: 1.5rem;
  --ms-space-7: 2rem;
  --ms-space-8: 2.5rem;
  --ms-space-9: 3.5rem;
  --ms-space-10: 5rem;

  /* =================================================================
     5. SHAPE
     ================================================================= */
  --ms-radius-lg: 1.75rem;
  --ms-radius-sm: 1.25rem;
  --ms-radius-pill: 999px;
  --ms-circle: 3rem;
  --ms-circle-sm: 2.375rem;

  /* =================================================================
     6. DEPTH & MATERIAL — liquid glass is the house material
     ================================================================= */
  --ms-shadow-card: 0 1.5rem 3.5rem -1.75rem rgb(51 51 51 / 0.24), 0 2px 6px rgb(51 51 51 / 0.05);
  --ms-shadow-card-hover: 0 2.25rem 5rem -1.75rem rgb(51 51 51 / 0.3), 0 2px 6px rgb(51 51 51 / 0.06);
  --ms-shadow-dark: 0 1.5rem 3rem -1.5rem rgb(0 0 0 / 0.5);
  --ms-glass-light: linear-gradient(180deg, rgb(255 255 255 / 0.78) 0%, rgb(255 255 255 / 0.4) 42%, rgb(255 255 255 / 0.55) 100%), rgb(246 246 246 / 0.3);
  --ms-glass-light-inset: inset 0 1px 0 rgb(255 255 255 / 0.95), inset 0 -1px 1px rgb(255 255 255 / 0.5), inset 0 0 24px rgb(255 255 255 / 0.35);
  --ms-glass-dark: linear-gradient(180deg, rgb(255 255 255 / 0.1), rgb(255 255 255 / 0.04)), rgb(20 12 14 / 0.35);
  --ms-glass-dark-inset: inset 0 1px 0 rgb(255 255 255 / 0.22), inset 0 0 0 1px rgb(255 255 255 / 0.08);
  --ms-glass-rim-light: linear-gradient(135deg, rgb(255 255 255 / 0.95) 0%, rgb(255 255 255 / 0.25) 28%, rgb(255 255 255 / 0.06) 55%, rgb(255 255 255 / 0.4) 88%, rgb(255 255 255 / 0.8) 100%);
  --ms-glass-rim-dark: linear-gradient(135deg, rgb(255 255 255 / 0.6) 0%, rgb(255 255 255 / 0.12) 30%, rgb(255 255 255 / 0.03) 55%, rgb(255 255 255 / 0.22) 88%, rgb(255 255 255 / 0.45) 100%);
  --ms-glass-blur: 14px;
  --ms-grain: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0.5 0 0 0 0 0.5 0 0 0 0 0.5 0 0 0 0.8 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");

  /* =================================================================
     7. MOTION — transform and opacity only
     ================================================================= */
  --ms-ease: cubic-bezier(0.22, 1, 0.36, 1);
  --ms-ease-spring: cubic-bezier(0.34, 1.45, 0.64, 1);
  --ms-dur-micro: 0.35s;
  --ms-dur-ui: 0.5s;
  --ms-dur-reveal: 1.1s;
  --ms-stagger: 0.1s;
  --ms-lift: -4px;
}

/* Territorial color: the URL section decides the practice color (manual, chapter 09).
   "Cambio total": logo, headings, dark ground, links, icons and footer take the practice color.
   Comparison blocks inside a house page set data-practice on the card, where --ms-dark is unused. */
[data-practice="select"] {
  --ms-brand: var(--mb-slate-06);
  --ms-brand-on-dark: var(--mb-slate-04);
  --ms-brand-deep: var(--mb-slate-07);
  --ms-brand-tint: var(--mb-slate-01);
  --ms-brand-state: var(--mb-slate-05);
  --ms-brand-line: var(--mb-slate-03);
  --ms-dark: var(--mb-slate-07);
}
[data-practice="intelligence"] {
  --ms-brand: var(--mb-petrol-06);
  --ms-brand-on-dark: var(--mb-petrol-04);
  --ms-brand-deep: var(--mb-petrol-07);
  --ms-brand-tint: var(--mb-petrol-01);
  --ms-brand-state: var(--mb-petrol-05);
  --ms-brand-line: var(--mb-petrol-03);
  --ms-dark: var(--mb-petrol-07);
}
[data-practice="speakers"] {
  --ms-brand: var(--mb-plum-06);
  --ms-brand-on-dark: var(--mb-plum-04);
  --ms-brand-deep: var(--mb-plum-07);
  --ms-brand-tint: var(--mb-plum-01);
  --ms-brand-state: var(--mb-plum-05);
  --ms-brand-line: var(--mb-plum-03);
  --ms-dark: var(--mb-plum-07);
}

/*
 * KADENCE BRIDGE — the reason this system actually holds together.
 *
 * Kadence Blocks do not read theme.json presets. They read --global-paletteN,
 * whose values live in the Customizer (wp_options.kadence_global_palette).
 * Redefining them here makes core blocks and Kadence blocks resolve to the same
 * tokens. html:root has higher specificity than the plain :root the theme emits,
 * so this wins regardless of stylesheet order.
 */
html:root {
  --global-palette1: #79242f;
  --global-palette2: #3f151c;
  --global-palette3: #333333;
  --global-palette4: #4d4d4d;
  --global-palette5: #6e6e6e;
  --global-palette6: #999999;
  --global-palette7: #eeecec;
  --global-palette8: #f6f6f6;
  --global-palette9: #ffffff;
  --global-palette10: #8e7e52;
  --global-palette11: #4a6b55;
  --global-palette12: #705c63;
  --global-palette13: #c04a56;
  --global-palette14: #bdab71;
  --global-palette15: #8e7e52;
}