/**
 * Robinhood-Style Design Tokens
 * Phase 1: Foundation & Design System
 */

:root {
    /* ===== Colors ===== */
    /* Success (Up/Gains) — Neon Mint Green */
    --robinhood-success: #00C805;
    --robinhood-success-hover: #00A804;
    --robinhood-success-light: #E6F9E7;
    
    /* Danger (Down/Losses) — Coral Red */
    --robinhood-danger: #FF5252;
    --robinhood-danger-hover: #FF3838;
    --robinhood-danger-light: #FFE5E5;
    
    /* Backgrounds */
    --robinhood-bg-primary: #FFFFFF;
    --robinhood-bg-secondary: #F7F8FA;
    --robinhood-bg-tertiary: #EFF1F3;
    
    /* Text Colors — 짙은 차콜 그레이 (완전 블랙 대신) */
    --robinhood-text-primary: #1A1D23;
    --robinhood-text-secondary: #6B7280;
    --robinhood-text-tertiary: #9CA3AF;
    --robinhood-text-inverse: #FFFFFF;
    
    /* Borders */
    --robinhood-border: #E5E7EB;
    --robinhood-border-light: #F3F4F6;
    --robinhood-border-dark: #D1D5DB;
    
    /* Shadows */
    --robinhood-shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.05);
    --robinhood-shadow-md: 0 2px 8px rgba(0, 0, 0, 0.08);
    --robinhood-shadow-lg: 0 4px 16px rgba(0, 0, 0, 0.12);
    --robinhood-shadow-hover: 0 4px 12px rgba(0, 0, 0, 0.15);
    
    /* ===== Typography ===== */
    /* Font Family */
    --robinhood-font-family: 'Inter', 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans KR', sans-serif;
    --robinhood-font-mono: 'SF Mono', 'Monaco', 'Inconsolata', 'Roboto Mono', monospace;
    
    /* Font Sizes */
    --robinhood-font-display: 48px;      /* Portfolio value, huge numbers */
    --robinhood-font-heading-xl: 32px;   /* Page titles */
    --robinhood-font-heading-lg: 24px;   /* Section titles */
    --robinhood-font-heading-md: 20px;   /* Subsection titles */
    --robinhood-font-heading-sm: 18px;   /* Card titles */
    --robinhood-font-body-lg: 16px;      /* Body text */
    --robinhood-font-body: 14px;          /* Default body */
    --robinhood-font-body-sm: 12px;      /* Small text */
    --robinhood-font-caption: 11px;       /* Captions, badges */
    
    /* Font Weights */
    --robinhood-weight-light: 300;
    --robinhood-weight-normal: 400;
    --robinhood-weight-medium: 500;
    --robinhood-weight-semibold: 600;
    --robinhood-weight-bold: 700;
    
    /* Line Heights */
    --robinhood-line-tight: 1.2;
    --robinhood-line-normal: 1.5;
    --robinhood-line-relaxed: 1.75;
    
    /* ===== Spacing Scale ===== */
    --robinhood-space-1: 4px;
    --robinhood-space-2: 8px;
    --robinhood-space-3: 12px;
    --robinhood-space-4: 16px;
    --robinhood-space-5: 20px;
    --robinhood-space-6: 24px;
    --robinhood-space-8: 32px;
    --robinhood-space-10: 40px;
    --robinhood-space-12: 48px;
    --robinhood-space-16: 64px;
    
    /* ===== Border Radius ===== */
    --robinhood-radius-sm: 8px;
    --robinhood-radius-md: 12px;
    --robinhood-radius-lg: 16px;
    --robinhood-radius-xl: 20px;
    --robinhood-radius-pill: 9999px;     /* Pill-shaped buttons */
    --robinhood-radius-full: 50%;
    
    /* ===== Transitions ===== */
    --robinhood-transition-fast: 0.15s ease;
    --robinhood-transition-base: 0.2s ease;
    --robinhood-transition-slow: 0.3s ease;
    
    /* ===== Z-Index Scale ===== */
    --robinhood-z-base: 1;
    --robinhood-z-dropdown: 100;
    --robinhood-z-sticky: 200;
    --robinhood-z-fixed: 300;
    --robinhood-z-modal: 400;
    --robinhood-z-toast: 500;
}

/* ===== Dark Mode Support (Disabled) ===== */
/* 다크모드 지원은 현재 비활성화 상태입니다. 추후 완전한 다크모드 디자인 구현 시 활성화 예정 */
/*
@media (prefers-color-scheme: dark) {
    :root {
        --robinhood-bg-primary: #1A1A1A;
        --robinhood-bg-secondary: #252525;
        --robinhood-text-primary: #FFFFFF;
        --robinhood-text-secondary: #B3B3B3;
        --robinhood-border: #404040;
    }
}
*/