/********************************/
/*****    DESIGN TOKENS     *****/
/*****  ally-hub/MASTER.md  *****/
/********************************/

@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700&display=swap');

:root {
  /* Color */
  --color-primary: #0F172A;
  --color-secondary: #334155;
  --color-cta: #0369A1;
  --color-cta-hover: #075985;
  --color-background: #FFFFFF;
  --color-text: #020617;
  --color-muted: #9398A0;
  --color-white: #FFFFFF;

  /* Legacy per-product accents (still referenced by product pages not yet migrated) */
  --ap-primary-pink: #FF0775;
  --bo-primary-blue: #0346da;
  --bo-primary-blue-hover: #022fa8;
  --bo-primary-blue-light: #7a9df5;
  --bo-light-blue: #0369A1;
  --as-primary-purple: #9503DA;
  --as-primary-purple-hover: #7802ad;
  --as-primary-purple-light: #c987ec;
  --ch-primary-green: #059669;

  /* Typography */
  --font-primary: 'Plus Jakarta Sans', sans-serif;

  /* Spacing */
  --space-xs: 0.25rem;
  --space-sm: 0.5rem;
  --space-md: 1rem;
  --space-lg: 1.5rem;
  --space-xl: 2rem;
  --space-2xl: 3rem;
  --space-3xl: 4rem;

  /* Shadow */
  --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.05);
  --shadow-md: 0 4px 6px rgba(0, 0, 0, 0.1);
  --shadow-lg: 0 10px 15px rgba(0, 0, 0, 0.1);
  --shadow-xl: 0 20px 25px rgba(0, 0, 0, 0.15);

  /* Glassmorphism */
  --glass-bg: rgba(255, 255, 255, 0.7);
  --glass-border: rgba(255, 255, 255, 0.3);
  --glass-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.07);
  --glass-nav-bg: rgba(255, 255, 255, 0.5);
  --glass-blur: blur(10px);
  --glass-blur-nav: blur(12px);
}