/* PR DESIGN SYSTEM V4 — TOKENS / FONTS */
/* ========================================================================== 
   Pishgam Rayan — Home Redesign
   Bootstrap 5.2.3 compatible / RTL / Mobile-first
   Brand source: official supplied SVG (#003399 / #FFCC07 / #6E6E6E)
   ========================================================================== */

/* --------------------------------------------------------------------------
   Yekan Bakh — project font files
   Put the supplied WOFF2 files in ./fonts/ or update these URLs to your
   production paths. No other display/text font is used by this redesign.
   -------------------------------------------------------------------------- */
@font-face {
  font-family: "Yekan Bakh";
  src: local("Yekan Bakh Regular"), local("YekanBakh-Regular"), url("./fonts/YekanBakh-Regular.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Yekan Bakh";
  src: local("Yekan Bakh Medium"), local("YekanBakh-Medium"), url("./fonts/YekanBakh-Medium.woff2") format("woff2");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Yekan Bakh";
  src: local("Yekan Bakh Bold"), local("YekanBakh-Bold"), url("./fonts/YekanBakh-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Yekan Bakh";
  src: local("Yekan Bakh ExtraBold"), local("YekanBakh-ExtraBold"), url("./fonts/YekanBakh-ExtraBold.woff2") format("woff2");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Yekan Bakh";
  src: local("Yekan Bakh ExtraBold"), local("YekanBakh-ExtraBold"), url("./fonts/YekanBakh-ExtraBold.woff2") format("woff2");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

:root {
  /* Official brand palette — dominant blue + restrained gold accent */
  --color-primary: #003399;
  --color-primary-light: #2459bd;
  --color-primary-lighter: #dfe9ff;
  --color-primary-soft: #edf3ff;
  --color-primary-dark: #002876;
  --color-primary-darker: #001a4d;
  --color-primary-ink: #000f2e;
  --color-primary-rgb: 0, 51, 153;

  --color-secondary: #ffcc00;
  --color-secondary-light: #ffe066;
  --color-secondary-lighter: #fff4bf;
  --color-secondary-soft: #fff9df;
  --color-secondary-dark: #d9ad00;
  --color-secondary-darker: #9e7e00;
  --color-secondary-rgb: 255, 204, 0;

  /* Compatibility aliases used by the existing component layer */
  --color-primary-700: var(--color-primary-dark);
  --color-primary-800: var(--color-primary-darker);
  --color-primary-900: var(--color-primary-ink);
  --color-secondary-600: var(--color-secondary-dark);
  --color-accent: var(--color-primary-light);
  --color-accent-cyan: #6f9cff;
  --color-neutral: #6e6e6e;

  /* Surface & text */
  --color-bg: #f7f9fd;
  --color-surface: #ffffff;
  --color-surface-soft: #f0f4fb;
  --color-ink: #07152a;
  --color-ink-2: #26364d;
  --color-muted: #667085;
  --color-line: rgba(var(--color-primary-rgb), 0.1);
  --color-line-strong: rgba(var(--color-primary-rgb), 0.18);

  /* Product-specific semantic accents; used sparingly inside product cards */
  --amber: #f5a700;
  --amber-soft: #fff4c7;
  --emerald: #0da779;
  --emerald-soft: #dff9ef;
  --cyan: #1e8fe5;
  --cyan-soft: #e2f5ff;

  /* Typography */
  --font-sans: "Yekan Bakh", sans-serif;
  --font-mono: "Yekan Bakh", sans-serif;

  /* 8px spacing scale */
  --space-1: 0.5rem;
  --space-2: 1rem;
  --space-3: 1.5rem;
  --space-4: 2rem;
  --space-5: 2.5rem;
  --space-6: 3rem;
  --space-7: 3.5rem;
  --space-8: 4rem;
  --space-10: 5rem;
  --space-12: 6rem;
  --space-15: 7.5rem;

  /* Curved / organic shape system */
  --radius-sm: 0.875rem;
  --radius-md: 1.25rem;
  --radius-lg: 1.75rem;
  --radius-xl: 2.25rem;
  --radius-2xl: 3rem;
  --radius-organic: 42px 26px 46px 30px;
  --radius-organic-alt: 28px 48px 30px 44px;
  --radius-pill: 999px;

  /* Layered brand shadows */
  --shadow-xs: 0 1px 2px rgba(0, 24, 74, 0.05);
  --shadow-sm: 0 10px 30px rgba(0, 35, 104, 0.08);
  --shadow-md: 0 22px 62px rgba(0, 35, 104, 0.13);
  --shadow-lg: 0 36px 100px rgba(0, 27, 82, 0.18);
  --shadow-xl: 0 54px 140px rgba(0, 22, 66, 0.25);
  --shadow-gold: 0 18px 48px rgba(var(--color-secondary-rgb), 0.22);

  /* Motion */
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-smooth: cubic-bezier(0.22, 0.61, 0.36, 1);
  --ease-spring: cubic-bezier(0.2, 1.35, 0.35, 1);
  --transition-fast: 180ms var(--ease-out);
  --transition: 360ms var(--ease-out);
  --transition-slow: 700ms var(--ease-out);
}