/* panes-tokens.css — Design tokens for Panes.gr */
:root {
  /* Brand colors */
  --panes-primary: #2e4a9d;
  --panes-primary-light: #5e72b8;
  --panes-primary-dark: #1a3278;
  --panes-secondary: #00a651;
  --panes-secondary-light: #e6f7ed;
  --panes-accent: #f7941d;
  --panes-accent-light: #fff3e0;

  /* Neutrals */
  --panes-bg: #f5f7fa;
  --panes-surface: #ffffff;
  --panes-border: #e0e4e8;
  --panes-text: #1a1a2e;
  --panes-text-secondary: #666666;
  --panes-text-muted: #999999;

  /* Spacing */
  --panes-section-py: 48px;
  --panes-section-py-sm: 32px;
  --panes-container: 1400px;
  --panes-gap: 24px;
  --panes-gap-sm: 16px;

  /* Typography */
  --panes-font: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;

  /* Radius */
  --panes-radius: 12px;
  --panes-radius-sm: 8px;
  --panes-radius-lg: 16px;

  /* Shadows */
  --panes-shadow-sm: 0 1px 3px rgba(0,0,0,0.08);
  --panes-shadow-md: 0 4px 12px rgba(0,0,0,0.1);
  --panes-shadow-lg: 0 8px 24px rgba(0,0,0,0.12);

  /* Transitions */
  --panes-transition: 0.2s ease;
  --panes-transition-slow: 0.4s ease;

  /* Category gradients */
  --panes-grad-incontinence: linear-gradient(135deg, #1a3278 0%, #2e4a9d 100%);
  --panes-grad-baby: linear-gradient(135deg, #f8b4c8 0%, #f7941d 100%);
  --panes-grad-tissue: linear-gradient(135deg, #00a651 0%, #4dd88a 100%);
  --panes-grad-vitamins: linear-gradient(135deg, #6b4ce6 0%, #a78bfa 100%);
  --panes-grad-oral: linear-gradient(135deg, #0891b2 0%, #22d3ee 100%);
  --panes-grad-beauty: linear-gradient(135deg, #db2777 0%, #f472b6 100%);

  /* Glassmorphism */
  --panes-glass-bg: rgba(255, 255, 255, 0.12);
  --panes-glass-border: rgba(255, 255, 255, 0.18);
  --panes-glass-blur: 12px;

  /* Heading font */
  --panes-heading: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;

  /* Elevation (modern shadows) */
  --panes-shadow-xl: 0 20px 40px rgba(0,0,0,0.15);
  --panes-shadow-glow: 0 0 30px rgba(46,74,157,0.25);
}