@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Outfit:wght@400;500;600;700&display=swap');

:root {
   /* =========================================
       COLORS (ALL CONSOLIDATED)
       ========================================= */

   /* Neutrals / Base */
   --rich-black: #0D0D0D;
   --rich-white: white;
   --soft-white: #F5F5F5;
   --warm-beige: #F2E9E4;
   --vivid-coral: #FF5C5C;
   --grey: grey;
   --dusty-blue: #218decc1;
   --metallic-gold: #d4af37;
   --ink-black: #111111;
   --almost-black: #212121;
   --medium-grey: #757575;
   --translucent-white: rgba(255, 255, 255, 0.94);
   --translucent-light: rgb(253 253 253 / 40%);
   --translucent-green: rgba(0, 255, 0, 0.1);
   --translucent-red: rgba(255, 0, 0, 0.1);
   --glass-white: rgba(255, 255, 255, 0.8);

   /* Glassmorphism */
   --white-glass: rgba(255, 255, 255, 0.15);
   --frost-glass: rgba(255, 255, 255, 0.3);
   --black-glass: rgba(0, 0, 0, 0.15);
   --shade-glass: rgba(0, 0, 0, 0.3);
   --blue-glass: rgba(235, 245, 255, 0.2);
   --border-glass: rgba(255, 255, 255, 0.3);
   --shadow-glass: rgba(0, 0, 0, 0.15);

   /* Purples */
   --deep-purple: #673ab7;
   --light-purple: #f3e5f5;
   --dark-purple: #311b92;
   --indigo: #4b0082;
   --royal-purple: #6a0dad;
   --tyrian-purple: #600658;

   /* Yellows & Reds */
   --royal-gold: #FFD700;
   --golden-yellow: #ffd740;
   --error-red: #e74c3c;
   --vivid-red: #db4040;
   --pale-red: #fff1f1;
   --soft-red: #f3cccc;
   --dark-red: #8d2d2d;
   --crimson-red: #c64b4b;
   --amber-orange: #c7810b;


   /* Blues & Greens */
   --pale-blue: #edf3fb;
   --soft-blue: #f7faff;
   --light-steel-blue: #d9e6f4;
   --medium-steel-blue: #bfd1e7;
   --navy-blue: #122743;
   --slate-grey: #5d718c;
   --dark-navy: #16365f;
   --very-light-blue: #edf4ff;
   --rich-navy: #18385f;
   --deep-navy: #16314f;
   --emerald-green: #1f8a4d;
   --strong-green: #28ad47;
   --success-green: #2ecc71;
   --cyan-blue: #00d2ff;

   /* Greys & Other Specifics */
   --off-white: #f8f9fa;
   --light-grey: #e9ecef;
   --dark-goldenrod: #b8860b;
   --dark-charcoal: #212529;
   --dim-grey: #6c757d;
   --translucent-gold: rgba(184, 134, 11, 0.08);
   --very-dark-grey: #1a1a1a;
   --ghost-white: #f4f4f9;
   --ombre-silver: linear-gradient(135deg, #f5f5f5 0%, #dcdcdc 100%);

   /* Sands & Beiges */
   --warm-sand: #e8e0d3;
   --light-sand: #f4f0e8;
   --floral-white: #fffdf9;
   --desert-sand: #e6ddd0;
   --khaki-sand: #d0c5b4;
   --dark-sand: #baae9b;
   --translucent-taupe: rgba(134, 123, 108, 0.16);


   /* Silver Gradients */
   --icon: linear-gradient(60deg, #cdcdcd 0%, #c9c9c9 50%, #d3d3d3 100%);
   --brondish: linear-gradient(110deg, #8c8c8c 0%, #595959 100%);
   --glass: linear-gradient(175deg, #707070 0%, #404040 100%);
}