:root {

/* ========================================
   BRAND COLORS - Student Cycle
   Primary: Sky Blue (DeepSeek inspired)
======================================== */

--color-primary: #4D6AFF;
--color-primary-dark: #3B56D9;
--color-primary-light: #7B93FF;
--color-primary-lighter: #B2C1FF;

--color-secondary: #00B4D8;
--color-secondary-dark: #0096C7;
--color-secondary-light: #48CAE4;

--color-black: #111111;
--color-charcoal: #2B2B2B;
--color-dark-gray: #3D3D3D;
--color-gray: #6B6B6B;
--color-light-gray: #A3A3A3;

--color-background: #F8F9FA;
--color-white: #FFFFFF;

/* Success / Error / Warning */
--color-success: #10B981;
--color-error: #EF4444;
--color-warning: #F59E0B;
--color-info: #4D6AFF;

/* ========================================
   TEXT COLORS
======================================== */

--color-text: #1A1A1A;
--color-text-light: #4A4A4A;
--color-text-lighter: #8A8A8A;
--color-text-inverse: #FFFFFF;

/* ========================================
   BORDER COLORS
======================================== */

--border-color: #E5E7EB;
--border-color-light: #F3F4F6;
--border-color-dark: #D1D5DB;

/* ========================================
   SHADOWS
======================================== */

--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);

/* ========================================
   TRANSITIONS
======================================== */

--transition-fast: 0.2s ease;
--transition-normal: 0.3s ease;
--transition-slow: 0.4s ease;

/* ========================================
   BORDER RADIUS
======================================== */

--radius-sm: 0.25rem;
--radius-md: 0.5rem;
--radius-lg: 0.75rem;
--radius-xl: 1rem;
--radius-full: 9999px;

}