:root {
  --brand-primary: #0B3F3B;
  --brand-primary-hover: #08332F;
  --brand-primary-active: #062B28;
  --brand-primary-muted: #E8F1F0;
  --brand-primary-soft: #F3F8F7;
  --brand-primary-border: #D6E7E4;
  --brand-primary-foreground: #FFFFFF;
  --brand-dark-background: #071C1A;
  --brand-dark-sidebar: #09231F;
  --brand-dark-surface: #0D2926;
  --brand-dark-surface-raised: #133530;
  --brand-dark-border: #254A44;
  --brand-dark-text: #F5FAF9;
  --brand-dark-muted: #A9BFBB;
  --brand-dark-accent: #73B8AF;
  --focus-ring: rgba(11, 63, 59, 0.18);
  --font-arabic: "Tajawal", system-ui, sans-serif;
  --font-latin: "Sora", "Manrope", "Inter", system-ui, sans-serif;
  --primary: var(--brand-primary);
  --primary-dark: var(--brand-primary-hover);
  --primary-light: var(--brand-primary-soft);
  --secondary: var(--brand-primary);
  --success: #16A34A;
  --warning: #F59E0B;
  --danger: #EF4444;
  --brand-accent: var(--brand-primary);
  --bg: #F7FAF9;
  --surface: #FFFFFF;
  --surface-soft: #F3F8F7;
  --text: #102C29;
  --text-muted: #617672;
  --border: #DCE7E5;
  --shadow-sm: 0 4px 14px rgba(15, 23, 42, 0.06);
  --shadow-md: 0 12px 30px rgba(15, 23, 42, 0.08);
  --radius-sm: 8px;
  --radius-md: 10px;
  --radius-lg: 12px;
}