/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[6].rules[1].use[0]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[6].rules[1].use[1]!./src/styles.scss?ngGlobalStyle ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/* ===========================================================================
 * RAWNAQ brand base — fonts, color + type tokens, and on-brand defaults.
 * Values are taken from the RAWNAQ Brand Identity Guidebook (2024) via the
 * ds-bundle: Cascading White canvas, Pot Black text/dark surfaces, one vibrant
 * accent (Azure Blue). Display type = Mena Grotesk (ALL CAPS), Arabic = Cairo.
 * =========================================================================== */
/* ---- Brand fonts (shipped locally under assets/fonts) ---- */
@font-face {
  font-family: "Mena Grotesk";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/assets/fonts/MenaGrotesk-Regular.otf") format("opentype");
}
@font-face {
  font-family: "Mena Grotesk";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("/assets/fonts/MenaGrotesk-Medium.otf") format("opentype");
}
@font-face {
  font-family: "Mena Grotesk";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("/assets/fonts/MenaGrotesk-SemiBold.otf") format("opentype");
}
@font-face {
  font-family: "Mena Grotesk";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("/assets/fonts/MenaGrotesk-Bold.otf") format("opentype");
}
@font-face {
  font-family: "Mena Grotesk";
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url("/assets/fonts/MenaGrotesk-UltraBold.otf") format("opentype");
}
@font-face {
  font-family: "Cairo";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/assets/fonts/Cairo-Regular.ttf") format("truetype");
}
@font-face {
  font-family: "Cairo";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("/assets/fonts/Cairo-Medium.ttf") format("truetype");
}
@font-face {
  font-family: "Cairo";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("/assets/fonts/Cairo-SemiBold.ttf") format("truetype");
}
@font-face {
  font-family: "Cairo";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("/assets/fonts/Cairo-Bold.ttf") format("truetype");
}
@font-face {
  font-family: "Cairo";
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url("/assets/fonts/Cairo-ExtraBold.ttf") format("truetype");
}
:root {
  /* Primary */
  --rwq-color-white: #F6F6F6;
  --rwq-color-black: #161616;
  /* Accents */
  --rwq-color-blue: #007BFF;
  --rwq-color-blue-600: #0069E0;
  --rwq-color-green: #28A745;
  --rwq-color-red: #FF3B30;
  --rwq-color-orange: #FF5733;
  --rwq-color-purple: #8A2BE2;
  /* Neutral ramp */
  --rwq-neutral-50: #F6F6F6;
  --rwq-neutral-100: #ECECEC;
  --rwq-neutral-200: #D8D8D8;
  --rwq-neutral-300: #BFBFBF;
  --rwq-neutral-400: #9A9A9A;
  --rwq-neutral-500: #6E6E6E;
  --rwq-neutral-600: #4A4A4A;
  --rwq-neutral-700: #2E2E2E;
  --rwq-neutral-800: #202020;
  --rwq-neutral-900: #161616;
  /* Semantic */
  --rwq-bg: var(--rwq-color-white);
  --rwq-surface: #FFFFFF;
  --rwq-fg: var(--rwq-color-black);
  --rwq-fg-muted: var(--rwq-neutral-500);
  --rwq-border: var(--rwq-neutral-200);
  --rwq-accent: var(--rwq-color-blue);
  --rwq-accent-fg: var(--rwq-color-white);
  /* Type */
  --rwq-font-display: "Mena Grotesk", "Helvetica Neue", Arial, sans-serif;
  --rwq-font-body: "Inter", "Helvetica Neue", Arial, sans-serif;
  --rwq-font-arabic: "Cairo", "Tahoma", "Segoe UI", sans-serif;
  --rwq-radius: 14px;
}

*, *::before, *::after {
  box-sizing: border-box;
}

html, body {
  height: 100%;
  margin: 0;
}

body {
  background: var(--rwq-bg);
  color: var(--rwq-fg);
  font-family: var(--rwq-font-body);
  font-size: 15px;
  line-height: 1.5;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

/* Arabic / RTL content → Cairo automatically. */
[dir=rtl], body.rtl, :lang(ar) {
  font-family: var(--rwq-font-arabic);
  letter-spacing: 0;
}

/* Brand display face helper (ALL-CAPS headlines). */
.rwq-display {
  font-family: var(--rwq-font-display);
  font-weight: 800;
  letter-spacing: 0;
}

[dir=rtl] .rwq-display, body.rtl .rwq-display {
  font-family: var(--rwq-font-arabic);
}

button {
  font-family: inherit;
}

a {
  color: var(--rwq-accent);
}

/*# sourceMappingURL=styles.css.map*/