/* ListApp Supplier Panel - Brand Design Tokens & Base Theme */
:root {
  /* Brand Core Colors */
  --color-primary-blue: #033D5F;
  --color-dark-blue: #022F4D;
  --color-primary-yellow: #FFC00F;
  --color-white: #FFFFFF;

  /* Derived UI & Functional Colors */
  --color-primary-blue-hover: #022d47;
  --color-primary-yellow-hover: #e0a700;
  --color-yellow-light: #fff8e5;
  --color-blue-tint: #f0f6fa;
  
  /* Neutral Shades */
  --color-bg-body: #f8fafc;
  --color-bg-surface: #ffffff;
  --color-text-main: #1e293b;
  --color-text-muted: #64748b;
  --color-border: #e2e8f0;

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

  /* Elevation / Shadows */
  --shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  --shadow-md: 0 4px 6px -1px rgba(2, 47, 77, 0.08), 0 2px 4px -1px rgba(2, 47, 77, 0.04);
  --shadow-lg: 0 10px 15px -3px rgba(2, 47, 77, 0.1), 0 4px 6px -2px rgba(2, 47, 77, 0.05);

  /* Border Radius */
  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 16px;
  --radius-full: 9999px;
}

/* Global Reset & Base Styles */
*, *::before, *::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

body {
  font-family: var(--font-family-base);
  background-color: var(--color-bg-body);
  color: var(--color-text-main);
  line-height: 1.5;
  -webkit-font-smoothing: antialiased;
  zoom: 0.85;
}