/* ==========================================================================
   GALAXY INCORPORATION — DESIGN TOKENS (Infosys-style, Black Theme)
   ========================================================================== */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap');

:root {
  /* Color Palette — black corporate + Infosys blue accent */
  --bg-primary: #060608;
  --bg-secondary: #0c0c10;
  --card-bg: #101015;
  --card-bg-solid: #101015;
  --accent: #c89b3c;              /* champagne gold */
  --accent-rgb: 200, 155, 60;
  --accent-deep: #9e7528;         /* deep gold */
  --accent-violet: #e8c87a;       /* light gold gradient partner */
  --accent-glow: rgba(200, 155, 60, 0.15);

  /* Legacy aliases (kept so all pages inherit the new theme) */
  --accent-gold: var(--accent);
  --accent-gold-rgb: 200, 155, 60;
  --accent-gold-glow: var(--accent-glow);
  --accent-gold-dark: var(--accent-deep);

  --text-primary: #ffffff;
  --text-secondary: #b9bec7;
  --text-muted: #7a8089;
  --border-glass: rgba(255, 255, 255, 0.09);
  --border-glass-hover: rgba(200, 155, 60, 0.45);
  --success: #4caf50;

  /* Typography */
  --font-family: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;

  /* Font Sizes */
  --fs-xs: 0.75rem;
  --fs-sm: 0.875rem;
  --fs-base: 1rem;
  --fs-md: 1.125rem;
  --fs-lg: 1.25rem;
  --fs-xl: 1.5rem;
  --fs-xxl: 2rem;
  --fs-3xl: 2.5rem;
  --fs-4xl: 3.5rem;
  --fs-5xl: 5rem;
  --fs-6xl: 6.5rem;

  /* Spacing */
  --space-xs: 0.5rem;
  --space-sm: 1rem;
  --space-md: 1.5rem;
  --space-lg: 2rem;
  --space-xl: 3rem;
  --space-xxl: 5rem;
  --space-section: 5rem;

  /* Shadows */
  --shadow-premium: 0 20px 40px rgba(0, 0, 0, 0.55);
  --shadow-gold: 0 10px 30px rgba(200, 155, 60, 0.10);
  --shadow-gold-hover: 0 15px 40px rgba(200, 155, 60, 0.22);

  /* Transitions */
  --transition-fast: 0.2s cubic-bezier(0.25, 0.8, 0.25, 1);
  --transition-medium: 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  --transition-slow: 0.8s cubic-bezier(0.25, 1, 0.5, 1);
  --transition-bounce: 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275);

  /* Borders — Infosys look is sharper */
  --radius-sm: 2px;
  --radius-md: 4px;
  --radius-lg: 8px;
  --radius-xl: 12px;
  --radius-full: 9999px;
}