/*
===================================================
PROJECT: Nehal Machinery Ltd
DESIGN SYSTEM: design-system-nehal-machinery-ltd
IMPLEMENTATION DEVELOPER: IBNA AQUAR SAHOS (AQUAR)
DEVELOPMENT COMPANY: Dhaka Solutions
LINKEDIN: https://www.linkedin.com/in/ibna-aquar-sahos
COMPANY WEBSITE: https://www.dhakasolution.com/
===================================================
*/

:root {
  /* Typography */
  --font-family-primary: 'Outfit', sans-serif;
  --font-family-stack: 'Outfit', sans-serif;
  --font-family-heading: 'Oswald', sans-serif;
  --font-family-desc: 'Signika Negative', sans-serif;
  --font-family-button: 'Kanit', sans-serif;

  --font-size-base: 16px;
  --font-weight-base: 400;
  --font-line-height-base: 24px;

  /* Typography Scale */
  --font-size-xs: 16px;
  --font-size-sm: 19px;
  --font-size-md: 20px;
  --font-size-lg: 24px;
  --font-size-xl: 28px;
  --font-size-2xl: 30px;
  --font-size-3xl: 32px;
  --font-size-4xl: 40px;

  /* Color Palette */
  --color-text-primary: #212529;
  --color-text-secondary: #6c757d;
  --color-text-tertiary: #0d6efd;
  --color-text-accent: #1313ffd5;

  --color-surface-base: #000000;
  --color-surface-muted: #ffffff;
  --color-surface-raised: #f0f0f0;
  --color-surface-nav: #f1f1f1;
  --color-surface-strong: #080808;
  --color-surface-dark-btn: #140f0f;

  --color-border-card: #8383831a;
  --color-border-double: #000000;
  --color-whatsapp: #25d366;
  --color-facebook: #1877f2;

  /* Spacing Scale */
  --space-1: 1px;
  --space-2: 5px;
  --space-3: 6px;
  --space-4: 8px;
  --space-5: 15px;
  --space-6: 16px;
  --space-7: 20px;
  --space-8: 24px;
  --space-10: 32px;
  --space-12: 48px;
  --space-16: 64px;

  /* Border Radius */
  --radius-xs: 2px;
  --radius-sm: 5px;
  --radius-md: 6px;
  --radius-card: 16px;
  --radius-lg: 35px;
  --radius-xl: 50px;
  --radius-circle: 50%;

  /* Elevation & Shadows */
  --shadow-1: rgba(0, 0, 0, 0.15) 0px 8px 16px 0px;
  --shadow-card: 0 5px 15px 0 #3e419f1a;
  --shadow-subtle: 0 2px 8px rgba(0, 0, 0, 0.08);

  /* Motion */
  --motion-duration-instant: 150ms;
  --motion-duration-fast: 500ms;
  --motion-ease-standard: cubic-bezier(0.4, 0, 0.2, 1);
  --motion-ease-out: ease-out;

  /* Layout */
  --max-width-container: 1240px;
  --header-height: 80px;
}