/* mySERV.IS Design System — CSS tokens */
/* Production palette: primary #1a5fd4, accent #f78929 */

:root {
  /* Brand */
  --primary-bg:    #1f2937;
  --primary-accent:#526279;
  --text-accent:   #f78929;
  --primary-color: #1a5fd4;
  --primary-color-dark: #1a5fd4;
  --primary-color-light:#eef3ff;
  --secondary-color:#ffd7bb;

  /* Semantic */
  --success:       #10b981;
  --success-light: #ecfdf5;
  --danger:        #ef4444;
  --danger-light:  #fef2f2;
  --warning:       #f59e0b;
  --warning-light: #fffbeb;
  --purple:        #8b5cf6;
  --teal:          #14b8a6;
  --pink:          #ec4899;

  /* Neutrals */
  --bg:            #f8f9fa;
  --card-bg:       #ffffff;
  --border:        #e2e8f0;
  --border-hover:  #cbd5e0;
  --text:          #1f2937;
  --muted:         #718096;
  --faint:         #a0aec0;

  /* Shape */
  --radius:        16px;
  --radius-sm:     10px;
  --radius-xs:     6px;

  /* Shadows */
  --shadow-sm:     0 1px 3px rgba(0,0,0,0.08);
  --shadow-md:     0 4px 12px rgba(0,0,0,0.08);
  --shadow-lg:     0 10px 25px rgba(0,0,0,0.10);

  /* Typography */
  --font:          'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
}