/**
 * Brand: Default (Arbeitgeber NDS / OBM)
 * Palette: #ff002a (red) · #f56727 (orange) · #e9dacd (sand)
 *          #96c200 (lime) · #0d9c71 (emerald) · #32b8b9 (cyan)
 */
:root {
  /* App Backgrounds */
  --obm-app-bg:        #F5F6F8;
  --obm-component-bg:  #FFFFFF;
  --obm-surface-alt:   #F8FAFC;

  /* Typography */
  --obm-text:          #020817;
  --obm-text-muted:    #64748B;

  /* Borders */
  --obm-border:        #E2E8F0;
  --obm-border-strong: #D1D5DB;

  /* Primary (brand red) */
  --obm-primary:        #FF002A;
  --obm-primary-hover:  #D4001F;
  --obm-primary-light:  rgba(255, 0, 42, 0.10);
  --obm-primary-ring:   0 0 0 2px rgba(255, 0, 42, 0.15);

  /* Secondary (brand orange) */
  --obm-secondary:       #F56727;
  --obm-secondary-hover: #D4521A;
  --obm-secondary-light: rgba(245, 103, 39, 0.10);

  /* Accent (sand/beige) */
  --obm-accent:       #E9DACD;
  --obm-accent-hover: #D6C4B2;
  --obm-accent-light: rgba(233, 218, 205, 0.40);

  /* Success (lime green) */
  --obm-success:       #96C200;
  --obm-success-hover: #7AA300;
  --obm-success-light: rgba(150, 194, 0, 0.12);
  --obm-success-text:  #4A6100;

  /* Info (emerald) */
  --obm-info:       #0D9C71;
  --obm-info-hover: #0A7D5A;
  --obm-info-light: rgba(13, 156, 113, 0.12);

  /* Highlight (cyan) */
  --obm-highlight:       #32B8B9;
  --obm-highlight-hover: #279697;
  --obm-highlight-light: rgba(50, 184, 185, 0.12);

  /* Warning */
  --obm-warning:       #F59E0B;
  --obm-warning-hover: #D48609;
  --obm-warning-light: rgba(245, 158, 11, 0.12);

  /* Danger */
  --obm-danger:       #DC2626;
  --obm-danger-hover: #B91C1C;
  --obm-danger-light: rgba(220, 38, 38, 0.10);

  /* Radii */
  --obm-radius-sm: 6px;
  --obm-radius-md: 8px;
  --obm-radius-lg: 12px;

  /* Shadows */
  --obm-shadow-sm: 0 1px 2px rgba(0,0,0,0.04);
  --obm-shadow-md: 0 6px 18px rgba(0,0,0,0.08);

  /* Brand gradient used in accent lines and footer */
  --obm-brand-gradient: linear-gradient(
    90deg,
    #ff002a 0 calc(100% / 6),
    #f56727 0 calc((100% / 6) * 2),
    #e9dacd 0 calc((100% / 6) * 3),
    #96c200 0 calc((100% / 6) * 4),
    #0d9c71 0 calc((100% / 6) * 5),
    #32b8b9 0 calc((100% / 6) * 6)
  );

  /* Header theming */
  --obm-header-bg:           #FFFFFF;
  --obm-header-color:        var(--obm-text);
  --obm-header-color-muted:  var(--obm-text-muted);
  --obm-header-border-color: var(--obm-border);
}
