:root {
    /* =====================================================
       MATEO TE VEMOS — SHARED DESIGN TOKENS v1
       Sprint 11.1
    ====================================================== */

    /* Brand */
    --mtv-brand-navy-950: #0b2237;
    --mtv-brand-navy-900: #102f4b;
    --mtv-brand-navy-800: #174f79;
    --mtv-brand-blue-100: #eaf1f7;
    --mtv-brand-gold-500: #b38b4d;
    --mtv-brand-gold-100: #f7f0e4;

    /* Surfaces */
    --mtv-surface-canvas: #f5f3ee;
    --mtv-surface-primary: #ffffff;
    --mtv-surface-secondary: #f8f8f7;
    --mtv-surface-muted: #f3f5f7;
    --mtv-surface-dark: #102f4b;

    /* Text */
    --mtv-text-primary: #243040;
    --mtv-text-secondary: #697582;
    --mtv-text-tertiary: #94a0aa;
    --mtv-text-inverse: #ffffff;

    /* Borders */
    --mtv-border-subtle: #e3e5e5;
    --mtv-border-default: #d8dde1;
    --mtv-border-strong: #c5cdd3;

    /* Semantic */
    --mtv-success-700: #28764a;
    --mtv-success-100: #e8f5ed;
    --mtv-warning-700: #8b5f19;
    --mtv-warning-100: #fff3df;
    --mtv-danger-700: #a63d3d;
    --mtv-danger-100: #fcecec;
    --mtv-info-700: #2f6f9f;
    --mtv-info-100: #eaf2f8;
    --mtv-judicial-700: #6e4bb7;
    --mtv-judicial-100: #f0eafd;

    /* Typography */
    --mtv-font-sans: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    --mtv-font-serif: Georgia, "Times New Roman", serif;

    --mtv-font-size-xs: .72rem;
    --mtv-font-size-sm: .82rem;
    --mtv-font-size-md: 1rem;
    --mtv-font-size-lg: 1.25rem;
    --mtv-font-size-xl: 1.65rem;
    --mtv-font-size-display: clamp(2.35rem, 4.5vw, 4.7rem);

    --mtv-line-height-tight: 1.08;
    --mtv-line-height-body: 1.6;
    --mtv-line-height-relaxed: 1.75;

    /* Spacing */
    --mtv-space-1: 4px;
    --mtv-space-2: 8px;
    --mtv-space-3: 12px;
    --mtv-space-4: 16px;
    --mtv-space-5: 20px;
    --mtv-space-6: 24px;
    --mtv-space-7: 32px;
    --mtv-space-8: 40px;
    --mtv-space-9: 48px;
    --mtv-space-10: 64px;

    /* Radius */
    --mtv-radius-xs: 6px;
    --mtv-radius-sm: 10px;
    --mtv-radius-md: 14px;
    --mtv-radius-lg: 18px;
    --mtv-radius-xl: 24px;
    --mtv-radius-pill: 999px;

    /* Shadows */
    --mtv-shadow-xs: 0 1px 2px rgba(16, 24, 40, .04);
    --mtv-shadow-sm: 0 4px 14px rgba(20, 37, 52, .055);
    --mtv-shadow-md: 0 10px 30px rgba(20, 37, 52, .08);
    --mtv-shadow-lg: 0 18px 44px rgba(20, 37, 52, .12);
    --mtv-shadow-overlay: 0 30px 90px rgba(8, 22, 34, .34);

    /* Motion */
    --mtv-motion-fast: 160ms;
    --mtv-motion-normal: 220ms;
    --mtv-motion-slow: 360ms;
    --mtv-easing-standard: cubic-bezier(.2, .8, .2, 1);

    /* Layout */
    --mtv-layout-content-max: 1280px;
    --mtv-layout-sidebar-width: 252px;
    --mtv-layout-sidebar-collapsed: 76px;
    --mtv-layout-topbar-height: 68px;
    --mtv-layout-page-gutter: 24px;

    /* Components */
    --mtv-card-padding: 24px;
    --mtv-panel-padding: 24px;
    --mtv-control-height: 42px;
    --mtv-control-radius: 10px;
}

/* =========================================================
   LEGACY ALIASES
   Temporary compatibility layer. Remove progressively.
========================================================= */

:root {
    /* Application Shell v5/v6 */
    --v5-sidebar-width: var(--mtv-layout-sidebar-width);
    --v5-sidebar-collapsed: var(--mtv-layout-sidebar-collapsed);
    --v5-topbar-height: var(--mtv-layout-topbar-height);
    --v5-navy: var(--mtv-brand-navy-900);
    --v5-navy-deep: var(--mtv-brand-navy-950);
    --v5-ivory: var(--mtv-surface-canvas);
    --v5-panel: var(--mtv-surface-primary);
    --v5-ink: var(--mtv-text-primary);
    --v5-muted: var(--mtv-text-secondary);
    --v5-line: var(--mtv-border-subtle);
    --v5-gold: var(--mtv-brand-gold-500);
    --v5-blue-soft: var(--mtv-brand-blue-100);
    --v5-radius: var(--mtv-radius-md);
    --v5-shadow: var(--mtv-shadow-md);

    /* Archive v4 */
    --v4-ink: var(--mtv-text-primary);
    --v4-muted: var(--mtv-text-secondary);
    --v4-line: var(--mtv-border-subtle);
    --v4-paper: var(--mtv-surface-primary);
    --v4-canvas: var(--mtv-surface-canvas);
    --v4-navy: var(--mtv-brand-navy-900);
    --v4-blue: var(--mtv-brand-navy-800);
    --v4-blue-soft: var(--mtv-brand-blue-100);
    --v4-gold: var(--mtv-brand-gold-500);
    --v4-gold-soft: var(--mtv-brand-gold-100);
    --v4-danger: var(--mtv-danger-700);
    --v4-radius-sm: var(--mtv-radius-sm);
    --v4-radius-md: var(--mtv-radius-lg);
    --v4-radius-lg: var(--mtv-radius-xl);
    --v4-shadow-sm: var(--mtv-shadow-sm);
    --v4-shadow-md: var(--mtv-shadow-lg);

    /* Archive/blog */
    --archive-ink: var(--mtv-text-primary);
    --archive-muted: var(--mtv-text-secondary);
    --archive-line: var(--mtv-border-subtle);
    --archive-paper: var(--mtv-surface-primary);
    --archive-soft: var(--mtv-surface-secondary);
    --archive-gold: var(--mtv-brand-gold-500);
    --archive-shadow: var(--mtv-shadow-md);

    /* Existing Design System aliases */
    --mtv-color-navy-950: var(--mtv-brand-navy-950);
    --mtv-color-navy-900: var(--mtv-brand-navy-900);
    --mtv-color-navy-800: var(--mtv-brand-navy-800);
    --mtv-color-blue-100: var(--mtv-brand-blue-100);
    --mtv-color-gold-500: var(--mtv-brand-gold-500);
    --mtv-color-bg: var(--mtv-surface-canvas);
    --mtv-color-surface: var(--mtv-surface-primary);
    --mtv-color-surface-soft: var(--mtv-surface-secondary);
    --mtv-color-border: var(--mtv-border-subtle);
    --mtv-color-border-strong: var(--mtv-border-strong);
    --mtv-color-text: var(--mtv-text-primary);
    --mtv-color-text-muted: var(--mtv-text-secondary);
    --mtv-color-success: var(--mtv-success-700);
    --mtv-color-success-soft: var(--mtv-success-100);
    --mtv-color-warning: var(--mtv-warning-700);
    --mtv-color-warning-soft: var(--mtv-warning-100);
    --mtv-color-danger: var(--mtv-danger-700);
    --mtv-color-danger-soft: var(--mtv-danger-100);
    --mtv-color-info: var(--mtv-info-700);
    --mtv-color-info-soft: var(--mtv-info-100);
    --mtv-color-judicial: var(--mtv-judicial-700);
    --mtv-color-judicial-soft: var(--mtv-judicial-100);

    --mtv-content-max: var(--mtv-layout-content-max);
    --mtv-sidebar-width: var(--mtv-layout-sidebar-width);
    --mtv-topbar-height: var(--mtv-layout-topbar-height);
}