/* src/styles/themes/gds-theme.css */

:root,
[data-theme="tgs"] {
  /* Essential colors that Tailwind expects */
  --color-white: #ffffff;
  --color-black: #000000;
  --color-transparent: transparent;
  --color-current: currentColor;
  
  /* Gray scale */
  --color-gray-50: #f9fafb;
  --color-gray-100: #f3f4f6;
  --color-gray-200: #e5e7eb;
  --color-gray-300: #d1d5db;
  --color-gray-400: #9ca3af;
  --color-gray-500: #6b7280;
  --color-gray-600: #4b5563;
  --color-gray-700: #374151;
  --color-gray-800: #1f2937;
  --color-gray-900: #111827;
  
  /* TGS Site Specific Colors */
  --color-background-body: #E6E8EB;
  --color-text-body: #475059;
  --color-foreground: #475059;
  --color-muted: #f3f4f6;
  --color-muted-foreground: #6b7280;
  --color-border: #CED4DA;
  --color-brand-primary: #3B33A0;
  --color-brand-primary-hover: #4A3ABD;
  --color-accent-secondary: #e6a100;
  --color-accent-tertiary: #B72963;
  --color-success: #22C55E;
  --color-warning: #F59E0B;
  --color-danger: #EF4444;
  --color-facebook: #4267b2;
  --color-twitter: #1da1f2;
  --color-linkedin: #0a66c2;
  
  /* Custom gray scale */
  --color-grey-100: #EEF4F9;
  --color-grey-300: #CED4DA;
  --color-grey-500: #7C838D;
  
  /* Blue scale */
  --color-blue-100: #9FCBEE;
  --color-blue-300: #4994CF;
  --color-blue-500: #2C5779;
  --color-blue-700: #1D394F;
  --color-blue-900: #1C2028;
  
  /* Purple scale */
  --color-purple-100: #C3BDFF;
  --color-purple-300: #7669F2;
  --color-purple-500: #3E0497;
  --color-purple-700: #1D166A;
  --color-purple-900: #120028;
  
  /* Background colors */
  --color-background-500: #070c3f;
  --color-background-700: #163183;
  --color-background-900: #101C34;
  
  /* Accent colors */
  --color-accent-100: #FF9035;
  --color-accent-500: #3FE6FC;
  --color-accent-700: #00BCD4;
  
  /* Component-specific colors */
  --color-navbar-background: #4A3ABD;
  --color-navbar-text: #ffffff;
  --color-footer-background: #485057;
  --color-footer-text: #ffffff;
  --color-footer-quicklink-text: #ffffff;
  --color-legal-background: #2A1587;
  --color-legal-text: #ffffff;
  --color-heading-text: #1D394F;
  --color-featured-heading-text: #ffffff;
  --color-featured-background: #120028;
  --color-subnavbar-background: #4A3ABD;
  --color-nav-hover-background: #2A1587;
  --color-table-header-background: #3B33A0;

  /* Hero gradient colors */
  --color-hero-gradient-from: var(--color-purple-900);
  --color-hero-gradient-via: var(--color-purple-700);
  --color-hero-gradient-to: var(--color-purple-500);

  /* Button colors */
  --color-button-cta-primary: #01579B;
  --color-button-cta-primary-hover: #01467C;
  --color-button-cta-primary-text: #ffffff;
  --color-button-cta-secondary: #e6a100;
  --color-button-cta-secondary-hover: #ffb300;
  --color-button-cta-secondary-text: #ffffff;
  --color-button-cta-tertiary: #B72963;
  --color-button-cta-tertiary-hover: #DA588D;
  --color-button-cta-tertiary-text: #000000;
  --color-button-success: #22C55E;
  --color-button-success-hover: #57E28A;
  --color-button-success-text: #ffffff;
  --color-button-warning: #F59E0B;
  --color-button-warning-hover: #ffd976;
  --color-button-warning-text: #ffffff;
  --color-button-danger: #EF4444;
  --color-button-danger-hover: #F26A6A;
  --color-button-danger-text: #ffffff;
  
  
  /* Semantic colors */
  --color-accent-secondary-tint: #FF9035;
  --color-accent-secondary-text: #ffffff;
  --color-accent-tertiary-tint: #3FE6FC;
  --color-accent-tertiary-text: #ffffff;
  --shadow-highlight: rgba(63, 230, 252, 0.6);
  --shadow-black-10: rgba(0, 0, 0, 0.1);
  --shadow-dark-10: rgba(16, 24, 40, 0.1);
  --shadow-orange-40: rgba(255, 91, 20, 0.4);
  --shadow-cyan-40: rgba(0, 188, 212, 0.4);
  --shadow-black-075: rgba(0, 0, 0, 0.075);
  --shadow-black-20: rgba(0, 0, 0, 0.2);
  --shadow-gold: #ffbd3b;
  --shadow-black-06: rgba(0, 0, 0, 0.06);
  --shadow-gray: #d7e1eb;
  --shadow-brown: #d77842;
}