/* General */
:root {
    --border-radius: 0;
    --border-radius2x: 0;
    --default: #777;
}

:root {
    /* Base brand — now BROWN */
    --primary: #754C29;  /* (was secondary) */

    /* Darker tones */
    --primary-100: #5E3D21;  /* ~-15% */
    --primary-200: #452D18;  /* ~-40% */
    --primary-300: #2C1D0F;  /* ~-65% */

    /* Lighter tones */
    --primary--100: #8B623E; /* ~+15% */
    --primary--200: #A77F5D; /* ~+35% */
    --primary--300: #C19C7E; /* ~+55% */

    /* Buttons & accessibility */
    --primary-600: #5E3D21;
    --primary-700: #4A311A;

    /* RGBA ladder (base: #754C29 → rgb(117, 76, 41)) */
    --primary-rgba-0:  rgba(117, 76, 41, 0);
    --primary-rgba-10: rgba(117, 76, 41, 0.1);
    --primary-rgba-20: rgba(117, 76, 41, 0.2);
    --primary-rgba-30: rgba(117, 76, 41, 0.3);
    --primary-rgba-40: rgba(117, 76, 41, 0.4);
    --primary-rgba-50: rgba(117, 76, 41, 0.5);
    --primary-rgba-60: rgba(117, 76, 41, 0.6);
    --primary-rgba-70: rgba(117, 76, 41, 0.7);
    --primary-rgba-80: rgba(117, 76, 41, 0.8);
    --primary-rgba-90: rgba(117, 76, 41, 0.9);

    /* Secondary brand — now GREEN */
    --secondary: #4E8F35;  /* (was primary) */

    /* Darker tones */
    --secondary-100: #3E712A;
    --secondary-200: #294C1C;
    --secondary-300: #15270E;

    /* Lighter tones */
    --secondary--100: #5EAD40;
    --secondary--200: #79C35D;
    --secondary--300: #98D182;

    /* Buttons & accessibility */
    --secondary-600: #3E712A;
    --secondary-700: #315A22;
    --on-secondary:  #FFFFFF;

    /* RGBA ladder (base: #4E8F35 → rgb(78, 143, 53)) */
    --secondary-rgba-0:  rgba(78, 143, 53, 0);
    --secondary-rgba-10: rgba(78, 143, 53, 0.1);
    --secondary-rgba-20: rgba(78, 143, 53, 0.2);
    --secondary-rgba-30: rgba(78, 143, 53, 0.3);
    --secondary-rgba-40: rgba(78, 143, 53, 0.4);
    --secondary-rgba-50: rgba(78, 143, 53, 0.5);
    --secondary-rgba-60: rgba(78, 143, 53, 0.6);
    --secondary-rgba-70: rgba(78, 143, 53, 0.7);
    --secondary-rgba-80: rgba(78, 143, 53, 0.8);
    --secondary-rgba-90: rgba(78, 143, 53, 0.9);


    /* Tech Blue (circuit nodes) */
    --tertiary: #2F80ED;
    --tertiary-100: #2569C3;
    --tertiary-200: #1E58A3;
    --tertiary-300: #184883;
    --tertiary--100: #4F95F0;
    --tertiary--200: #73AAF3;
    --tertiary--300: #99C1F6;

    --tertiary-rgba-0:  rgba(47,128,237,0);
    --tertiary-rgba-10: rgba(47,128,237,0.1);
    --tertiary-rgba-20: rgba(47,128,237,0.2);
    --tertiary-rgba-30: rgba(47,128,237,0.3);
    --tertiary-rgba-40: rgba(47,128,237,0.4);
    --tertiary-rgba-50: rgba(47,128,237,0.5);
    --tertiary-rgba-60: rgba(47,128,237,0.6);
    --tertiary-rgba-70: rgba(47,128,237,0.7);
    --tertiary-rgba-80: rgba(47,128,237,0.8);
    --tertiary-rgba-90: rgba(47,128,237,0.9);

    --quaternary: #272e32;
    --quaternary-100: #1c2124;
    --quaternary-200: #161a1d;
    --quaternary-300: #111415;
    --quaternary--100: #323b40;
    --quaternary--200: #384247;
    --quaternary--300: #3d484f;
    --quaternary--400: #434e56;
    --quaternary--500: #49545d;
    --quaternary--600: #4f5a64;
    --quaternary--700: #55606b;
    --quaternary-rgba-0: rgba(39, 46, 50, 0);
    --quaternary-rgba-10: rgba(39, 46, 50, 0.1);
    --quaternary-rgba-20: rgba(39, 46, 50, 0.2);
    --quaternary-rgba-30: rgba(39, 46, 50, 0.3);
    --quaternary-rgba-40: rgba(39, 46, 50, 0.4);
    --quaternary-rgba-50: rgba(39, 46, 50, 0.5);
    --quaternary-rgba-60: rgba(39, 46, 50, 0.6);
    --quaternary-rgba-70: rgba(39, 46, 50, 0.7);
    --quaternary-rgba-80: rgba(39, 46, 50, 0.8);
    --quaternary-rgba-90: rgba(39, 46, 50, 0.9);

    --dark: #3e3e3e;
    --dark-100: #313131;
    --dark-200: #2b2b2b;
    --dark-300: #252525;
    --dark--100: #4b4b4b;
    --dark--200: #515151;
    --dark--300: #585858;
    --dark--400: #5f5f5f;
    --dark--500: #666666;
    --dark--600: #6d6d6d;
    --dark--700: #747474;
    --dark-rgba-0: rgba(62, 62, 62, 0);
    --dark-rgba-10: rgba(62, 62, 62, 0.1);
    --dark-rgba-20: rgba(62, 62, 62, 0.2);
    --dark-rgba-30: rgba(62, 62, 62, 0.3);
    --dark-rgba-40: rgba(62, 62, 62, 0.4);
    --dark-rgba-50: rgba(62, 62, 62, 0.5);
    --dark-rgba-60: rgba(62, 62, 62, 0.6);
    --dark-rgba-70: rgba(62, 62, 62, 0.7);
    --dark-rgba-80: rgba(62, 62, 62, 0.8);
    --dark-rgba-90: rgba(62, 62, 62, 0.9);

    --light: #F7F7F7;
    --light-100: #F6F7F8;
    --light-200: #F0F2F3;
    --light-300: #E8EBED;

    --light-rgba-0:  rgba(255,255,255,0);
    --light-rgba-10: rgba(255,255,255,0.1);
    --light-rgba-20: rgba(255,255,255,0.2);
    --light-rgba-30: rgba(255,255,255,0.3);
    --light-rgba-40: rgba(255,255,255,0.4);
    --light-rgba-50: rgba(255,255,255,0.5);
    --light-rgba-60: rgba(255,255,255,0.6);
    --light-rgba-70: rgba(255,255,255,0.7);
    --light-rgba-80: rgba(255,255,255,0.8);
    --light-rgba-90: rgba(255,255,255,0.9);

    /* Inverse */
    --primary-inverse: #FFFFFF;
    --secondary-inverse: #FFFFFF;
    --tertiary-inverse: #FFFFFF;
    --quaternary-inverse: #FFFFFF;
    --dark-inverse: #FFFFFF;
    --light-inverse: #6f6f6f;

    /* Greys */
    --grey: #949494;
    --grey-100: #F5F6F7;
    --grey-200: #ECEEEF;
    --grey-300: #E6E9EB;
    --grey-400: #E0E4E7;
    --grey-500: #D7DDE1;
    --grey-600: #CBD3D8;
    --grey-700: #BFC9CF;
    --grey-800: #A7B4BC;
    --grey-900: #8FA0AA;
    --grey-1000: #768B96;
}