/* Shared design tokens for every page in the app. Loaded before base.css and
   components.css (and before each page's own stylesheet) so page CSS can
   still layer page-specific rules on top of these with normal cascade order. */
:root {
   /* Brand green — canonical values taken from the already-shipped login/home
     redesign (public/css/login.css, public/css/home.css). */
   --color-primary: #5bc995;
   --color-primary-rgb: 91, 201, 149;
   --color-primary-dark: #2f8f63;
   --color-primary-hover: #43a047;
   --color-primary-disabled: #c9d0ce;

   /* Semantic action colors (bootstrap-derived, used for approve/edit/reject
     style buttons across task/assignment/organization/projectform pages). */
   --color-success: #198754;
   --color-success-hover: #157347;
   --color-info: #0d6efd;
   --color-info-hover: #0b5ed7;
   --color-danger: #dc3545;
   --color-danger-hover: #c82333;
   --color-warning: #ffc107;
   --color-teal: #008b8b;
   --color-teal-hover: #005f5f;
   --color-purple: #6f42c1;
   --color-purple-hover: #59339d;
   --color-orange: #fd7e14;
   --color-orange-hover: #dc6c0f;
   --color-dark-main:#006400;
   --color-columns-hover:#e3f2f3;
   --color-toggles-background:#198754;
   --linear-gradient-dark: #1f6b4a;
   --linear-gradient-mid: #2f8f63;
   --linear-gradient-light: #5bc995;

   /* Neutrals */
   --color-text: #333333;
   --color-text-muted: #5b6b64;
   --color-text-faint: #8a968f;
   --color-border: #ced4da;
   --color-border-light: #e5e9e7;
   --color-bg-subtle: #f2f2f2;
   --color-bg-row-hover: #ddd;

   /* Table-cell highlight colors (task/assignment/projectform edit diffing) */
   --color-highlight-red: #ffe5e5;
   --color-highlight-green: #e6ffe6;
   --color-highlight-blue: #e0f0ff;

   /* Shared iframe content inset — filter bar, tables, toolbars, and
     page-level action buttons must share this so their edges line up. */
   --page-gutter: 0.75rem;

   /* Shape */
   --radius-sm: 6px;
   --radius-md: 8px;
   --radius-lg: 14px;
   --radius-pill: 20px;
   --shadow-card: 0 2px 10px rgba(20, 40, 30, 0.06);

   --font-family-base: IRANSans, "b nazanin", sans-serif;

   /* Compact type scale. IRANSans reads large at the browser default 16px. */
   --font-size-xs: 11px;
   --font-size-sm: 12px;
   --font-size-base: 13px;
   --font-size-md: 14px;
   --font-size-lg: 15px;
}