/* Arista Pro Webfont Embedding */
@font-face {
  font-family: 'Arista Pro';
  src: url('../assets/fonts/Arista-Light.ttf?v=20261001_arista_pro') format('truetype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Arista Pro';
  src: url('../assets/fonts/Arista-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Arista Pro';
  src: url('../assets/fonts/Arista-ExtraFilled.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

:root {
  /* Baloby Authentic B2B Palette */
  --baloby-primary: #305F72;
  --baloby-primary-hover: #234958;
  --baloby-primary-light: #EBF1F4;
  --baloby-primary-soft: rgba(48, 95, 114, 0.08);
  
  --baloby-dark: #212121;
  --baloby-dark-footer: #2A2A2A;
  --baloby-dark-accent: #2D2D2D;
  
  --baloby-bg: #FFFFFF;
  --baloby-surface: #F8F9FA;
  --baloby-surface-alt: #EFEFEF;
  --baloby-border: #E5E7EB;
  --baloby-border-dark: #CCCCCC;
  
  --baloby-text-primary: rgba(0, 0, 0, 0.85);
  --baloby-text-secondary: #6D6D6D;
  --baloby-text-muted: #888888;
  
  --baloby-sale: #D05252;
  --baloby-success: #38A169;

  /* Bling Bling Brand Tokens */
  --bling-primary: #212121;
  --bling-logo-color: #111111;
  --bling-accent: #305F72;

  /* Aliases for CLEET / Theme variables */
  --charms-theme-pink: var(--baloby-primary);
  --charms-pink-dark: var(--baloby-primary-hover);
  --charms-surface-warm: var(--baloby-surface);
  --charms-border: var(--baloby-border);
  --charms-primary: var(--baloby-dark);
  --charms-text-muted: var(--baloby-text-secondary);
  
  --cleets-espresso: var(--baloby-dark);
  --cleets-gold: var(--baloby-primary);
  --cleets-gold-deep: var(--baloby-primary-hover);
  --cleets-border-soft: var(--baloby-border);
  --cleets-muted: var(--baloby-text-secondary);
  --cleets-cream-light: var(--baloby-surface);

  /* Typography */
  --font-logo: 'Arista Pro', 'Quicksand', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --font-heading: 'Poppins', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --font-body: 'Lato', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --font-serif-luxury: 'Arista Pro', 'Poppins', sans-serif;
  --font-sans: 'Lato', sans-serif;

  /* Shadows */
  --shadow-sm: 0 1px 3px rgba(0,0,0,0.06);
  --shadow-card: 0 2px 10px rgba(0,0,0,0.04);
  --shadow-hover: 0 8px 24px rgba(48, 95, 114, 0.12);
  --shadow-drawer: -4px 0 30px rgba(0,0,0,0.2);
}