:root {
    --transition: .2s;
}

:root[data-theme=light] {
    --text: #0d0d0d;
    --background: #f0f0f0;
    --primary: #0d0d0d;
    --secondary: #d9d9d9;
    --accent: #76bd50;

    --success: #338641;
    --success-light: rgba(101, 255, 126, 0.2);
    --error: #F14949;
    --error-light: rgba(241, 73, 73, 0.2);
    --warning: #FFC046;
    --warning-light: rgba(255, 192, 70, 0.2);
    --info: #379191;
    --info-light: #41979777;

    --blurred-background: #ffffffaf;

    --text-50: #0d0d0d;
    --text-100: #1a1a1a;
    --text-200: #333333;
    --text-300: #4d4d4d;
    --text-400: #666666;
    --text-500: #808080;
    --text-600: #999999;
    --text-700: #b3b3b3;
    --text-800: #cccccc;
    --text-900: #e6e6e6;
    --text-950: #f2f2f2;

    --background-50: #0d0d0d;
    --background-100: #1a1a1a;
    --background-200: #333333;
    --background-300: #4d4d4d;
    --background-400: #666666;
    --background-500: #808080;
    --background-600: #999999;
    --background-700: #b3b3b3;
    --background-800: #cccccc;
    --background-900: #e6e6e6;
    --background-950: #f2f2f2;

    --primary-50: #0d0d0d;
    --primary-100: #1a1a1a;
    --primary-200: #333333;
    --primary-300: #4d4d4d;
    --primary-400: #666666;
    --primary-500: #808080;
    --primary-600: #999999;
    --primary-700: #b3b3b3;
    --primary-800: #cccccc;
    --primary-900: #e6e6e6;
    --primary-950: #f2f2f2;

    --secondary-50: #0d0d0d;
    --secondary-100: #1a1a1a;
    --secondary-200: #333333;
    --secondary-300: #4d4d4d;
    --secondary-400: #666666;
    --secondary-500: #808080;
    --secondary-600: #999999;
    --secondary-700: #b3b3b3;
    --secondary-800: #cccccc;
    --secondary-900: #e6e6e6;
    --secondary-950: #f2f2f2;

    --accent-50: #091a00;
    --accent-100: #123300;
    --accent-200: #246600;
    --accent-300: #369900;
    --accent-400: #47cc00;
    --accent-500: #59ff00;
    --accent-600: #7aff33;
    --accent-700: #9cff66;
    --accent-800: #bdff99;
    --accent-900: #deffcc;
    --accent-950: #eeffe5;

    --transp-05: rgba(0, 0, 0, 0.02);
    --transp-1: rgba(0, 0, 0, 0.05);
    --transp-2: rgba(0, 0, 0, 0.15);
    --transp-3: rgba(0, 0, 0, 0.1);
    --transp-4: rgba(0, 0, 0, 0.2);
    --transp-5: rgba(0, 0, 0, 0.3);
    --transp-6: rgba(0, 0, 0, 0.5);

    color-scheme: light;
}

:root[data-theme=dark] {
    --text: #F1F1F1;
    --background: #0F0F0F;
    --primary: #F1F1F1;
    --secondary: #272727;
    --accent: #A5FF75;

    --success: #65FF7E;
    --success-light: rgba(101, 255, 126, 0.2);
    --error: #F14949;
    --error-light: rgba(241, 73, 73, 0.2);
    --warning: #FFC046;
    --warning-light: rgba(255, 192, 70, 0.2);
    --info: #61F3F3;
    --info-light: #61f3f32d;

    --blurred-background: #161616af;

    --text-50: #f2f2f2;
    --text-100: #e6e6e6;
    --text-200: #cccccc;
    --text-300: #b3b3b3;
    --text-400: #999999;
    --text-500: #808080;
    --text-600: #666666;
    --text-700: #4d4d4d;
    --text-800: #333333;
    --text-900: #1a1a1a;
    --text-950: #0d0d0d;

    --background-50: #f2f2f2;
    --background-100: #e6e6e6;
    --background-200: #cccccc;
    --background-300: #b3b3b3;
    --background-400: #999999;
    --background-500: #808080;
    --background-600: #666666;
    --background-700: #4d4d4d;
    --background-800: #333333;
    --background-900: #202020;
    --background-950: #0d0d0d;

    --primary-50: #f2f2f2;
    --primary-100: #e6e6e6;
    --primary-200: #cccccc;
    --primary-300: #b3b3b3;
    --primary-400: #999999;
    --primary-500: #808080;
    --primary-600: #666666;
    --primary-700: #4d4d4d;
    --primary-800: #333333;
    --primary-900: #1a1a1a;
    --primary-950: #0d0d0d;

    --secondary-50: #f2f2f2;
    --secondary-100: #e6e6e6;
    --secondary-200: #cccccc;
    --secondary-300: #b3b3b3;
    --secondary-400: #999999;
    --secondary-500: #808080;
    --secondary-600: #666666;
    --secondary-700: #4d4d4d;
    --secondary-800: #333333;
    --secondary-900: #1a1a1a;
    --secondary-950: #0d0d0d;

    --accent-50: #f0fbe9;
    --accent-100: #e0f7d4;
    --accent-200: #c1f0a8;
    --accent-300: #a2e87d;
    --accent-400: #84e052;
    --accent-500: #65d926;
    --accent-600: #51ad1f;
    --accent-700: #3c8217;
    --accent-800: #28570f;
    --accent-900: #142b08;
    --accent-950: #0a1604;

    --transp-05: rgba(255, 255, 255, 0.02);
    --transp-1: rgba(255, 255, 255, 0.05);
    --transp-2: rgba(255, 255, 255, 0.15);
    --transp-3: rgba(255, 255, 255, 0.1);
    --transp-4: rgba(255, 255, 255, 0.2);
    --transp-5: rgba(255, 255, 255, 0.3);
    --transp-6: rgba(0, 0, 0, 0.5);

    color-scheme: dark;
}