/* CX24 R74 theme. Presentation only: no authority, media, storage or form logic. */
@font-face {
  font-family: Inter;
  src: url("inter-latin.woff2") format("woff2");
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
}
:root {
  --background: #f6f8fb !important;
  --foreground: #202126 !important;
  --card: #fff !important;
  --card-foreground: #202126 !important;
  --popover: #fff !important;
  --popover-foreground: #202126 !important;
  --muted: #f1f3f7 !important;
  --muted-foreground: #646b7b !important;
  --border: #e1e5ed !important;
  --input: #c9d1de !important;
  --primary: #0a6cff !important;
  --primary-foreground: #fff !important;
  --accent: #edf3ff !important;
  --accent-foreground: #164fa8 !important;
  --ring: #0a6cff !important;
  --radius: 12px;
  --shadow-sm:
    0 1px 2px rgba(24, 24, 27, 0.03), 0 6px 20px -12px rgba(24, 24, 27, 0.12);
  --cx24-ribbon: #09090b;
  --cx24-ribbon-text: #f4f4f5;
  --cx24-ink: #202126;
  --cx24-muted: #646b7b;
  --cx24-texture-line: rgba(31, 49, 75, 0.04);
  --cx24-texture-fibre: rgba(31, 49, 75, 0.018);
}
:root[data-theme="dark"] {
  --background: #101114 !important;
  --foreground: #f4f4f5 !important;
  --card: #18191d !important;
  --card-foreground: #f4f4f5 !important;
  --popover: #202126 !important;
  --popover-foreground: #f4f4f5 !important;
  --muted: #24262c !important;
  --muted-foreground: #b0b6c3 !important;
  --border: #353840 !important;
  --input: #515662 !important;
  --accent: #142748 !important;
  --accent-foreground: #9bc3ff !important;
  --shadow-sm:
    0 1px 2px rgba(0, 0, 0, 0.12), 0 8px 24px -14px rgba(0, 0, 0, 0.48);
  --cx24-texture-line: rgba(220, 231, 249, 0.045);
  --cx24-texture-fibre: rgba(220, 231, 249, 0.02);
  --cx24-ink: #f4f4f5;
  --cx24-muted: #b0b6c3;
}
html body {
  font-family: Inter, "Noto Sans Arabic", "Segoe UI", sans-serif !important;
  color: var(--foreground);
  background-color: var(--background);
}