/* Lakta shared design system — Ultra Violet palette, Poppins/Noto Sans Arabic, viewfinder motif.
   Source: homepage mockup (Artifact 8ce35ddb-fb1f-42e4-89cc-1e8a568ed8d2), colors cross-checked
   against lakta-android's ui/theme/Color.kt (Purple50/Purple70/etc). */

@font-face {
  font-family: "Poppins";
  src: url("/assets/fonts/poppins_regular.ttf") format("truetype");
  font-weight: 400;
  font-display: swap;
}
@font-face {
  font-family: "Poppins";
  src: url("/assets/fonts/poppins_medium.ttf") format("truetype");
  font-weight: 500;
  font-display: swap;
}
@font-face {
  font-family: "Poppins";
  src: url("/assets/fonts/poppins_semibold.ttf") format("truetype");
  font-weight: 600;
  font-display: swap;
}
@font-face {
  font-family: "Poppins";
  src: url("/assets/fonts/poppins_bold.ttf") format("truetype");
  font-weight: 700;
  font-display: swap;
}
@font-face {
  font-family: "Noto Sans Arabic";
  src: url("/assets/fonts/noto_sans_arabic.ttf") format("truetype");
  font-weight: 400 700;
  font-display: swap;
}

:root {
  color-scheme: light;
  --bg: #FDF7FF;
  --bg-deep: #F6ECFB;
  --ink: #1D1B20;
  --ink-soft: #4A4458;
  --accent: #7B2CBF;
  --accent-soft: #E0AAFF;
  --accent-dim: #C9A3E0;
  --line: #DFC9EE;
  --pill-bg: #EDE0F4;
  --card-bg: #FFFBFF;

  --font-ar: "Noto Sans Arabic", "Segoe UI", Tahoma, Arial, sans-serif;
  --font-display: "Poppins", "Century Gothic", "Trebuchet MS", ui-sans-serif, sans-serif;
  --font-body: -apple-system, "Segoe UI", ui-sans-serif, system-ui, sans-serif;
}
@media (prefers-color-scheme: dark) {
  :root {
    color-scheme: dark;
    --bg: #1A0A33;
    --bg-deep: #150829;
    --ink: #EADDF4;
    --ink-soft: #CFBDDD;
    --accent: #C77DFF;
    --accent-soft: #5A189A;
    --accent-dim: #7B5B99;
    --line: #3C2A57;
    --pill-bg: #2A1547;
    --card-bg: #1E1030;
  }
}
:root[data-theme="dark"] {
  color-scheme: dark;
  --bg: #1A0A33;
  --bg-deep: #150829;
  --ink: #EADDF4;
  --ink-soft: #CFBDDD;
  --accent: #C77DFF;
  --accent-soft: #5A189A;
  --accent-dim: #7B5B99;
  --line: #3C2A57;
  --pill-bg: #2A1547;
  --card-bg: #1E1030;
}
:root[data-theme="light"] {
  color-scheme: light;
  --bg: #FDF7FF;
  --bg-deep: #F6ECFB;
  --ink: #1D1B20;
  --ink-soft: #4A4458;
  --accent: #7B2CBF;
  --accent-soft: #E0AAFF;
  --accent-dim: #C9A3E0;
  --line: #DFC9EE;
  --pill-bg: #EDE0F4;
  --card-bg: #FFFBFF;
}

* { box-sizing: border-box; }

body {
  margin: 0;
  min-height: 100vh;
  background:
    radial-gradient(ellipse 900px 600px at 50% -10%, var(--bg-deep), transparent 60%),
    var(--bg);
  color: var(--ink);
  font-family: var(--font-body);
  transition: background 0.3s ease, color 0.3s ease;
}

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

/* Small brand mark — used at the top of content pages (privacy policy, verify-email). */
.brand {
  display: flex;
  align-items: baseline;
  justify-content: center;
  gap: 8px;
  margin-bottom: 24px;
}
.brand-ar {
  font-family: var(--font-ar);
  font-size: 28px;
  font-weight: 700;
  color: var(--accent);
}
.brand-en {
  font-family: var(--font-display);
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.28em;
  text-transform: uppercase;
  color: var(--ink-soft);
}

/* Viewfinder corner brackets — a quiet nod to "لقطة" (a snapshot / a catch). */
.bracket {
  position: absolute;
  width: 36px;
  height: 36px;
  border: 2.5px solid var(--accent-dim);
  opacity: 0.55;
  pointer-events: none;
}
.bracket.tl { top: 0; left: 0; border-right: none; border-bottom: none; border-top-left-radius: 6px; }
.bracket.tr { top: 0; right: 0; border-left: none; border-bottom: none; border-top-right-radius: 6px; }
.bracket.bl { bottom: 0; left: 0; border-right: none; border-top: none; border-bottom-left-radius: 6px; }
.bracket.br { bottom: 0; right: 0; border-left: none; border-top: none; border-bottom-right-radius: 6px; }

footer.site-footer {
  text-align: center;
  font-family: var(--font-body);
  font-size: 12px;
  color: var(--ink-soft);
  opacity: 0.7;
  padding: 24px 16px;
}
footer.site-footer a { color: inherit; text-decoration: underline; }