/*
Theme Name: FivePay Clone
Theme URI: https://5paysolution.com/
Description: A custom lightweight theme cloning 5Pay Solution.
Version: 1.0
Text Domain: fivepay-clone
*/

:root {
  /* Colors */
  --color-primary: #1F5DAE; /* Updated per design.html */
  --color-secondary: #222222; /* Updated per design.html */
  --color-text-main: #7A7A7A; /* Updated per design.html */
  --color-text-light: #7A7A7A;
  --color-white: #ffffff;
  --color-light-bg: #f9f9f9;
  --color-border: #e0e0e0;
  --color-success: #28a745;

  /* Typography */
  --font-main:
    "Arimo", "Inter", system-ui, -apple-system,
    sans-serif;
  --font-heading:
    "Arimo", "Inter", system-ui, -apple-system,
    sans-serif;

  /* Spacing */
  --spacing-xs: 4px;
  --spacing-sm: 8px;
  --spacing-md: 16px;
  --spacing-lg: 24px;
  --spacing-xl: 32px;
  --spacing-xxl: 80px;

  /* Container */
  --container-width: 1254px; /* Updated per design.html */
  --header-height: 80px;
}

body {
  font-family: var(--font-main);
  color: var(--color-text-main);
  line-height: 1.6;
  background-color: var(--color-white);
}