:root {
    /* Main Colors */
    --primary: #2563EB;
    --primary-hover: #1D4ED8;
    --primary-light: #DBEAFE;

    --secondary: #F97316;
    --secondary-hover: #EA580C;
    --secondary-light: #FFEDD5;

    --success: #22C55E;
    --success-hover: #16A34A;

    --danger: #EF4444;
    --danger-hover: #DC2626;

    --warning: #FACC15;
    --warning-hover: #EAB308;

    /* Background */
    --background: #F8FAFC;
    --card: #FFFFFF;
    --border: #E5E7EB;

    /* Text */
    --text: #1F2937;
    --text-light: #6B7280;
    --text-white: #FFFFFF;
    --text-muted: #9CA3AF;

    /* Link */
    --link: #2563EB;
    --link-hover: #1D4ED8;

    /* Shadow */
    --shadow: 0 4px 12px rgba(0,0,0,.08);
    
    /* botton */
    --primary-botton: #097F00;
    --primary-botton-hover: #1D4ED8;
    
}