/* =============================================================================
   SHARED DESIGN SYSTEM - DESIGN TOKENS
   Unified visual language for Portfolio & Admin Dashboard
   ============================================================================= */

:root {
    /* --- Colors --- */
    --bg-page: #090c10;
    --bg-card: rgba(13, 17, 23, 0.7);
    --bg-card-solid: #0d1117;
    --bg-card-hover: rgba(21, 28, 39, 0.8);
    --bg-input: rgba(9, 12, 16, 0.7);
    
    --text-main: #ffffff;
    --text-secondary: #c9d1d9;
    --text-muted: #8b949e;
    
    --accent: #4b90ff;
    --accent-hover: #6aa3ff;
    --accent-dim: rgba(75, 144, 255, 0.15);
    
    --success: #22c55e;
    --success-dim: rgba(34, 197, 94, 0.15);
    --warning: #f59e0b;
    --warning-dim: rgba(245, 158, 11, 0.15);
    --danger: #ef4444;
    --danger-dim: rgba(239, 68, 68, 0.15);
    
    --border-color: #30363d;
    --border-hover: rgba(75, 144, 255, 0.3);
    
    /* --- Shapes --- */
    --radius: 16px;
    --radius-lg: 20px;
    --radius-sm: 8px;
    
    /* --- Effects --- */
    --shadow: 0 8px 32px rgba(0, 0, 0, 0.4);
    --shadow-lg: 0 16px 64px rgba(0, 0, 0, 0.6);
    --transition: 0.2s cubic-bezier(0.25, 0.8, 0.25, 1);
}