/**
 * Joyn Resources - CSS Variables & Design Tokens
 * Design System: Solapi v4.0 (fix/joyn-resources-solapi-v4-preview.html 기준)
 *
 * @location assets/css/variables.css
 */

:root {
    --joyn-primary: #4541FF;
    --joyn-primary-hover: #3A36E0;
    --joyn-primary-rgb: 69, 65, 255;
    --joyn-primary-light: #EEEFFF;
    --joyn-primary-lighter: #F5F5FF;
    --joyn-accent: #A788FF;
    --joyn-accent-light: #F0EBFF;
    --joyn-info: #518CFF;
    --joyn-info-light: #EFF4FF;
    --joyn-success: #00C853;
    --joyn-success-light: #E8F5E9;
    --joyn-warning: #F2994A;
    --joyn-warning-light: #FFF8F0;
    --joyn-error: #FF4D4F;
    --joyn-error-light: #FFF1F0;
    --joyn-gray-50: #FAFAFA;
    --joyn-gray-100: #F5F5F5;
    --joyn-gray-200: #E5E5E5;
    --joyn-gray-300: #D4D4D4;
    --joyn-gray-400: #A3A3A3;
    --joyn-gray-500: #737373;
    --joyn-gray-600: #525252;
    --joyn-gray-700: #404040;
    --joyn-gray-800: #262626;
    --joyn-gray-900: #171717;
    --joyn-bg-white: #FFFFFF;
    --joyn-bg-table-header: #FAFAFA;
    --joyn-bg-table-hover: #FAFAFF;
    --joyn-bg-sticky: #FFFEF5;
    --joyn-table-border: #E5E5E5;
    --joyn-table-row-border: #F0F0F0;
    --joyn-font-sans: 'Pretendard Variable', -apple-system, BlinkMacSystemFont, system-ui, sans-serif;
    --joyn-font-size-xs: 12px;
    --joyn-font-size-sm: 14px;
    --joyn-font-size-base: 15px;
    --joyn-font-size-md: 16px;
    --joyn-font-size-lg: 18px;
    --joyn-radius-sm: 6px;
    --joyn-radius-md: 8px;
    --joyn-radius-lg: 10px;
    --joyn-radius-xl: 20px;
    --joyn-radius-full: 9999px;
    --joyn-shadow-xs: 0 1px 2px rgba(0,0,0,0.04);
    --joyn-shadow-sm: 0 1px 3px rgba(0,0,0,0.06);
    --joyn-shadow-md: 0 4px 12px rgba(0,0,0,0.08);
    --joyn-shadow-lg: 0 8px 24px rgba(0,0,0,0.10);
    --joyn-shadow-xl: 0 16px 48px rgba(0,0,0,0.12);
    --joyn-shadow-primary: 0 4px 14px rgba(69, 65, 255, 0.25);
    --joyn-focus-ring: 0 0 0 3px rgba(69, 65, 255, 0.12);
    --joyn-transition: all 0.2s ease;
    --joyn-spacing-1: 4px;
    --joyn-spacing-2: 8px;
    --joyn-spacing-3: 12px;
    --joyn-spacing-4: 16px;
    --joyn-spacing-5: 20px;
    --joyn-spacing-6: 24px;
    --joyn-spacing-8: 32px;
    --joyn-spacing-10: 2.5rem;
    --joyn-spacing-12: 48px;
}