/* Brand design tokens — single source of truth.
   Aligned to the redesign palette (design-system.css --r-orange-500 #F27A1A)
   so legacy pages and the dashboard share one brand orange. */
:root {
  --brand-primary: #F27A1A;
  --brand-primary-hover: #D9650C;
  --brand-primary-soft: #F4933D;
  --brand-primary-alpha-10: rgba(242, 122, 26, 0.10);
  --brand-primary-alpha-15: rgba(242, 122, 26, 0.15);
  --brand-primary-alpha-30: rgba(242, 122, 26, 0.30);

  --color-ink: #222222;
  --color-heading: #333333;
  --color-ink-muted: #555555;
  --color-text: #606060;
  --color-text-light: #666666;
  --color-text-placeholder: #999999;
  --color-border: #dddddd;
  --color-border-light: #e5e7eb;
  --color-surface: #ffffff;
  --color-surface-soft: #f8f9fa;
  --color-surface-muted: #fafafa;
  --color-surface-alt: #f5f5f5;

  --color-success: #28a745;
  --color-success-bg: #d4edda;
  --color-success-text: #155724;
  --color-success-border: #c3e6cb;
  --color-danger: #dc3545;
  --color-danger-bg: #f8d7da;
  --color-danger-text: #721c24;
  --color-danger-border: #f5c6cb;
  --color-warning: #ffc107;
  --color-warning-bg: #fff3cd;
  --color-warning-text: #856404;
  --color-warning-border: #ffeeba;
  --color-info: #17a2b8;
  --color-info-bg: #d1ecf1;
  --color-info-text: #0c5460;

  --font-body: 'Montserrat', sans-serif;

  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 12px;
  --radius-xl: 16px;
  --radius-pill: 999px;
}

/* Shared site utilities */

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
}