/* src/styles.scss */
:root {
  --primary: #0040b0;
  --primary-dark: #0040b0;
  --deep: #0040b0;
  --accent: #35bff4;
  --sky: #dff1ff;
  --light: #f3f9ff;
  --white: #ffffff;
  --soft: #f7fbff;
  --text: #0040b0;
  --muted: #60758a;
  --line: #d8e8f7;
  --success: #16a34a;
  --warning: #d97706;
  --error: #dc2626;
  --radius: 18px;
  --radius-sm: 12px;
  --shadow-sm: 0 8px 22px rgba(16, 42, 67, 0.06);
  --shadow-md: 0 18px 45px rgba(16, 42, 67, 0.1);
  --shadow: var(--shadow-md);
  --font-ar:
    "DIN Next Arabic",
    "Readex Pro",
    "Tahoma",
    sans-serif;
  --font-en:
    "Montserrat",
    "Arial",
    sans-serif;
  --rawda-bg-start: #0040b0;
  --rawda-bg-main: #0040b0;
  --rawda-bg-end: #0040b0;
  --rawda-dark: #0040b0;
  --rawda-white: #FFFFFF;
  --rawda-text-primary: #FFFFFF;
  --rawda-text-muted: rgba(255, 255, 255, 0.78);
  --rawda-text-soft: rgba(255, 255, 255, 0.60);
  --rawda-surface: rgba(255, 255, 255, 0.08);
  --rawda-surface-hover: rgba(255, 255, 255, 0.13);
  --rawda-border: rgba(255, 255, 255, 0.18);
  --rawda-border-strong: rgba(255, 255, 255, 0.32);
  --rawda-radius-sm: 12px;
  --rawda-radius-md: 20px;
  --rawda-radius-lg: 28px;
  --rawda-shadow: 0 18px 50px rgba(0, 64, 176, 0.24);
  --rawda-transition: 220ms ease;
}
* {
  box-sizing: border-box;
}
html {
  scroll-behavior: smooth;
}
body {
  margin: 0;
  direction: rtl;
  color: var(--text);
  background: var(--soft);
  font-family: var(--font-ar);
}
html[lang=en],
[dir=ltr] {
  font-family: var(--font-en);
}
button,
input,
select {
  font: inherit;
}
a {
  color: inherit;
  text-decoration: none;
}
.container {
  width: min(1120px, 100% - 32px);
  margin-inline: auto;
}
.icon-chip {
  display: inline-grid;
  width: 44px;
  height: 44px;
  place-items: center;
  color: var(--primary);
  background: var(--light);
  border: 1px solid rgba(0, 64, 176, 0.14);
  border-radius: var(--radius-sm);
}
.field-error {
  margin-top: 6px;
  color: var(--error);
  font-size: 13px;
}
.form-grid {
  display: grid;
  gap: 16px;
}
.alert {
  padding: 12px 14px;
  border-radius: var(--radius);
  font-weight: 700;
  border: 1px solid transparent;
}
.alert.success {
  color: #166534;
  background: #dcfce7;
  border-color: #bbf7d0;
}
.alert.error {
  color: #991b1b;
  background: #fee2e2;
  border-color: #fecaca;
}
.rawda-glass {
  background: var(--rawda-surface);
  border: 1px solid var(--rawda-border);
  border-radius: var(--rawda-radius-md);
  box-shadow: var(--rawda-shadow);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
}
.rawda-section-heading {
  max-width: 760px;
  margin-inline: auto;
  text-align: center;
}
.rawda-primary-button,
.rawda-secondary-button {
  min-height: 46px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  border-radius: var(--rawda-radius-sm);
  font-weight: 900;
  transition:
    transform var(--rawda-transition),
    border-color var(--rawda-transition),
    background var(--rawda-transition);
}
.rawda-primary-button {
  color: var(--rawda-bg-main);
  background: var(--rawda-white);
}
.rawda-secondary-button {
  color: var(--rawda-white);
  background: rgba(255, 255, 255, 0.09);
  border: 1px solid var(--rawda-border);
}

/* angular:styles/global:styles */
/*# sourceMappingURL=styles.css.map */