/* Asia Core Group — Design Tokens */

:root {
  /* Brand colors */
  --acg-red: #E02222;
  --acg-red-button: #C41E1E;
  --acg-red-button-hover: #9f1b1b;
  --acg-red-hover: #b91c1c;
  --acg-red-light: #ff4d4d;
  --acg-red-dark: #991b1b;
  --acg-red-alpha-12: rgba(224, 34, 34, 0.12);
  --acg-red-alpha-30: rgba(224, 34, 34, 0.3);
  --acg-red-alpha-92: rgba(224, 34, 34, 0.92);

  --acg-navy: #0c0c45;
  --acg-navy-alpha-12: rgba(12, 12, 69, 0.12);
  --acg-navy-alpha-85: rgba(12, 12, 69, 0.85);
  --acg-white-alpha-08: rgba(255, 255, 255, 0.08);
  --acg-white-alpha-12: rgba(255, 255, 255, 0.12);
  --acg-white-alpha-70: rgba(255, 255, 255, 0.7);
  --acg-white-alpha-82: rgba(255, 255, 255, 0.82);
  --acg-white-alpha-85: rgba(255, 255, 255, 0.85);
  --acg-navy-dark: #080830;
  --acg-navy-light: #15155a;

  /* Neutral / text */
  --acg-text: #3b3b4d;
  --acg-text-light: #5e5e72;
  --acg-text-muted: #8f8fa3;
  --acg-heading: #1f1f33;
  --acg-white: #ffffff;
  --acg-black: #000000;

  /* Surfaces */
  --acg-bg: #ffffff;
  --acg-bg-light: #f9f9fb;
  --acg-bg-gray: #f1f2f6;
  --acg-bg-dark: #e7e8ee;
  --acg-page-bg: #f8f8f8;
  --acg-border: #e8e9ef;
  --acg-border-dark: #d1d4df;
  --acg-muted: #8f8fa3;

  /* Status / social */
  --acg-success: #166534;
  --acg-success-light: #86efac;
  --acg-warning: #a16207;
  --acg-error: #991b1b;
  --acg-error-light: #fca5a5;
  --acg-whatsapp: #25d366;

  /* Typography */
  --font-primary: "Cairo", "Open Sans", Arial, sans-serif,;
  --font-arabic: "Cairo", "Open Sans", Arial, sans-serif;

  /* Font sizes */
  --text-xs: 12px;
  --text-sm: 13px;
  --text-base: 15px;
  --text-lg: 17px;
  --text-xl: 20px;
  --text-2xl: 24px;
  --text-3xl: 30px;
  --text-4xl: 36px;
  --text-5xl: 42px;

  /* Line heights */
  --leading-none: 1;
  --leading-tight: 1.3;
  --leading-snug: 1.4;
  --leading-normal: 1.6;
  --leading-relaxed: 1.75;

  /* Letter spacing */
  --tracking-wide: 0.02em;
  --tracking-wider: 0.04em;
  --tracking-widest: 0.12em;

  /* Spacing */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-7: 32px;
  --space-8: 40px;
  --space-9: 48px;
  --space-10: 64px;
  --space-11: 80px;
  --space-12: 100px;

  /* Radius */
  --radius-sm: 4px;
  --radius-md: 6px;
  --radius-lg: 8px;
  --radius-xl: 12px;
  --radius-2xl: 16px;
  --radius-full: 999px;

  /* Shadows */
  --shadow-sm: 0 1px 2px rgba(12, 12, 69, 0.05);
  --shadow-md: 0 4px 12px rgba(12, 12, 69, 0.08);
  --shadow-lg: 0 10px 30px rgba(12, 12, 69, 0.12);
  --shadow-xl: 0 18px 45px rgba(12, 12, 69, 0.16);
  --shadow-red: 0 8px 24px rgba(224, 34, 34, 0.22);

  /* Transitions */
  --transition-fast: 0.2s ease;
  --transition-base: 0.3s ease;
  --transition-slow: 0.45s ease;
  --ease-out-expo: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
}