:root {
  --cs-bg: #0b0d13;
  --cs-surface: #151923;
  --cs-ink: #f5f5f7;
  --cs-muted: #a9afbd;
  --cs-line: #303542;
  --cs-accent: #a8adff;
  --cs-accent-rgb: 168, 173, 255;
  --cs-on-accent: #151635;
  --cs-paper: #f1f2f6;
  --cs-paper-ink: #191d2a;
  --cs-paper-muted: #5d6473;
  --cs-radius: 1rem;
  --cs-font: "IBM Plex Sans", sans-serif;
  --cs-font-ar: "IBM Plex Sans Arabic", sans-serif;
  --cs-space: clamp(4rem, 8vw, 8rem);
  --bs-body-bg: var(--cs-bg);
  --bs-body-color: var(--cs-ink);
  --bs-body-font-family: var(--cs-font);
  --bs-border-color: var(--cs-line);
  --bs-primary-rgb: var(--cs-accent-rgb);
}
html[lang="ar"] {
  --bs-body-font-family: var(--cs-font-ar);
}
html[data-theme="light"] {
  --cs-bg: #fbfbfd;
  --cs-surface: #edf0f5;
  --cs-ink: #171b27;
  --cs-muted: #586174;
  --cs-line: #d4dae5;
  --cs-accent: #5546cd;
  --cs-accent-rgb: 85, 70, 205;
  --cs-on-accent: #fff;
}
[data-cs-brand="terracotta"] {
  --cs-accent: #ebaa81;
  --cs-accent-rgb: 235, 170, 129;
  --cs-on-accent: #301b13;
  --cs-radius: 0.2rem;
}
html[data-theme="light"] [data-cs-brand="terracotta"] {
  --cs-accent: #a94722;
  --cs-accent-rgb: 169, 71, 34;
  --cs-on-accent: #fff;
}
[data-cs-brand="terracotta"] {
  --cs-paper-accent: #a94722;
}