/**
 * Verymarts Modern D2C Design Tokens & Reset
 * Applied safely via Flatsome Child Theme
 */

:root {
  /* Color Palette */
  --vm-color-primary: #18181b;
  --vm-color-primary-hover: #27272a;
  --vm-color-primary-active: #09090b;
  
  --vm-color-accent: #c89a3f;
  --vm-color-accent-hover: #b88a32;
  --vm-color-accent-soft: #fcf8ee;
  --vm-color-accent-border: #f3e6cb;
  
  --vm-color-success: #16a34a;
  --vm-color-success-soft: #f0fdf4;
  --vm-color-danger: #dc2626;
  
  --vm-color-text-main: #1f2937;
  --vm-color-text-muted: #6b7280;
  --vm-color-text-light: #9ca3af;
  
  --vm-color-border: #e5e7eb;
  --vm-color-border-light: #f3f4f6;
  
  --vm-color-bg-page: #ffffff;
  --vm-color-bg-alt: #f9fafb;
  --vm-color-bg-card: #ffffff;
  
  /* Geometry & Radius */
  --vm-radius-xs: 4px;
  --vm-radius-sm: 6px;
  --vm-radius-md: 10px;
  --vm-radius-lg: 14px;
  --vm-radius-pill: 9999px;
  
  /* Elevation / Shadows */
  --vm-shadow-xs: 0 1px 2px rgba(0, 0, 0, 0.04);
  --vm-shadow-sm: 0 2px 4px rgba(0, 0, 0, 0.05);
  --vm-shadow-md: 0 4px 12px rgba(0, 0, 0, 0.07);
  --vm-shadow-lg: 0 10px 24px rgba(0, 0, 0, 0.09);
  --vm-shadow-drawer: -6px 0 25px rgba(0, 0, 0, 0.12);
  
  /* Transitions */
  --vm-transition-fast: 0.15s cubic-bezier(0.4, 0, 0.2, 1);
  --vm-transition-normal: 0.25s cubic-bezier(0.4, 0, 0.2, 1);
}

/* Typography and Smooth Rendering */
body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: var(--vm-color-text-main);
}

/* Safe Touch Targets for Mobile */
@media (max-width: 849px) {
  a, button, input, select, .button {
    touch-action: manipulation;
  }
}