/* ==========================================================================
   Variable Aliases
   Maps shorthand names to canonical design-token names.
   Import after tokens.css.
   ========================================================================== */

:root {
    /* Color aliases */
    --primary: var(--color-blue-500);
    --primary-dark: var(--color-blue-600);
    --primary-light: var(--color-blue-400);
    --secondary: var(--color-yellow-400);
    --accent: var(--color-info);
    --success: var(--color-success);
    --warning: var(--color-warning);
    --danger: var(--color-error);
    --dark: var(--color-navy-900);
    --dark-blue: var(--color-navy-900);
    --medium: var(--color-gray-800);
    --light: var(--color-gray-50);
    --gray-100: var(--color-gray-50);
    --gray-200: var(--color-gray-200);
    --gray-300: var(--color-gray-300);
    --gray-400: var(--color-gray-400);
    --gray-500: var(--color-gray-500);
    --gray-600: var(--color-gray-600);
    --gray-700: var(--color-gray-700);
    --gray-800: var(--color-gray-800);
    --gray-900: var(--color-gray-900);
    --brand-navy: var(--color-navy-900);
    --brand-blue: var(--color-blue-500);
    --brand-yellow: var(--color-yellow-400);
    --brand-gunmetal: var(--color-navy-950);
    --brand-slate: var(--color-gray-500);
    --brand-shadow-soft: var(--shadow-soft);
    --brand-shadow-lift: var(--shadow-lift);

    /* Typography */
    --font-family: var(--font-sans);
    --font-size-base: var(--text-base);
    --font-size-sm: var(--text-sm);
    --font-size-lg: var(--text-lg);
    --font-size-xl: var(--text-xl);
    --font-size-2xl: var(--text-2xl);
    --font-size-3xl: var(--text-3xl);
    --font-size-4xl: var(--text-4xl);
    --font-size-5xl: var(--text-5xl);

    /* Spacing */
    --spacing-xs: var(--space-1);
    --spacing-sm: var(--space-2);
    --spacing-md: var(--space-4);
    --spacing-lg: var(--space-6);
    --spacing-xl: var(--space-8);
    --spacing-2xl: var(--space-12);
    --spacing-3xl: var(--space-16);

    /* Borders */
    --border-radius-sm: var(--radius-sm);
    --border-radius-md: var(--radius-default);
    --border-radius-lg: var(--radius-xl);
    --border-radius-full: var(--radius-full);

    /* Shadows */
    --shadow-sm: var(--shadow-soft);

    /* Layout */
    --container-max-width: var(--container-xl);
    --header-height: var(--size-header-height);
    --primary-color: var(--primary);
}