/* Single source of truth for design tokens. theme-blue.css, theme-marketplace.css,
   global-polish.css and professional-refinement.css alias their own variable
   names to these values instead of redeclaring them, so every page agrees on
   one dark-blue / border-gray / orange instead of four slightly different ones. */
:root {
  --color-primary: #3476c4;
  --color-primary-dark: #2a6cb9;
  --color-primary-soft: #eaf1f8;
  --color-accent: #f58220;
  --color-ink: #17202a;
  --color-muted: #667085;
  --color-border: #e4e7ec;
  --color-surface: #ffffff;
  --color-surface-soft: #f6f9fc;
  --color-success: #16834a;
  --color-danger: #c83a42;

  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 14px;

  --shadow-sm: 0 10px 30px rgba(31, 55, 82, 0.08);
  --shadow-lg: 0 16px 38px rgba(31, 55, 82, 0.14);
  --ease-standard: cubic-bezier(0.22, 1, 0.36, 1);

  --font-ui:
    "Noto Naskh Arabic UI", "Noto Naskh Arabic", "Tajawal", "Noto Kufi Arabic", "Cairo", "Segoe UI", Tahoma, Arial,
    sans-serif;
  --font-listing:
    "Noto Naskh Arabic UI", "Noto Naskh Arabic", "Tajawal", "Noto Kufi Arabic", "Cairo", "Segoe UI", Tahoma, Arial,
    sans-serif;
}