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

:root,
[data-theme="fsus"] {
  /* 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;
  
  /* FSUS Site Specific Colors */
  --color-background-body: #0a0a0f;
  /* --color-text-body: #e0e0e0; */
  --color-text-body: #959494;
  --color-foreground: #e0e0e0;
  --color-muted: #1a1a24;
  --color-muted-foreground: #9ca3af;
  --color-border: #2a2a3a;
  --color-brand-primary: #4C1AFF;
  --color-brand-primary-hover: #3d14cc;
  --color-accent-secondary: #FF0099;
  --color-accent-tertiary: #00E5FF;
  --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: #99f5ff;
  --color-blue-300: #33eeff;
  --color-blue-500: #00E5FF;
  --color-blue-700: #00b8cc;
  --color-blue-900: #006b7a;
  
  /* Purple scale */
  --color-purple-100: #D400FF;
  --color-purple-300: #B800E6;
  --color-purple-500: #4C1AFF;
  --color-purple-700: #3d14cc;
  --color-purple-900: #2a0d99;
  
  /* Background colors */
  --color-background-500: #2a0d99;
  --color-background-700: #1a0a66;
  --color-background-900: #0a0a0f;
  
  /* Accent colors */
  --color-accent-100: #D400FF;
  --color-accent-500: #00E5FF;
  --color-accent-700: #4C1AFF;
  
  /* Component-specific colors */
  --color-navbar-background: #4C1AFF;
  --color-navbar-text: #ffffff;
  --color-footer-background: #1a0a66;
  --color-footer-text: #ffffff;
  --color-footer-quicklink-text: #ffffff;
  --color-legal-background: #0a0a0f;
  --color-legal-text: #ffffff;
  --color-heading-text: #00E5FF;
  --color-featured-heading-text: #ffffff;
  --color-featured-background: #1a0a66;
  --color-subnavbar-background: #3d14cc;
  --color-nav-hover-background: #D400FF;
  --color-table-header-background: #2a0d99;

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

  /* Button colors */
  --color-button-cta-primary: #4C1AFF;
  --color-button-cta-primary-hover: #3d14cc;
  --color-button-cta-primary-text: #ffffff;
  --color-button-cta-secondary: #FF0099;
  --color-button-cta-secondary-hover: #D400FF;
  --color-button-cta-secondary-text: #ffffff;
  --color-button-cta-tertiary: #00E5FF;
  --color-button-cta-tertiary-hover: #00b8cc;
  --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: #ff33b3;
  --color-accent-secondary-text: #ffffff;
  --color-accent-tertiary-tint: #33eeff;
  --color-accent-tertiary-text: #000000;
  --shadow-highlight: rgba(0, 229, 255, 0.6);
  --shadow-black-10: rgba(0, 0, 0, 0.1);
  --shadow-dark-10: rgba(10, 10, 15, 0.1);
  --shadow-orange-40: rgba(255, 0, 153, 0.4);
  --shadow-cyan-40: rgba(0, 229, 255, 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;
}