/* ============================================
   Jobbanalys — "Vad"
   GoMonday designsystem
   ============================================ */

*, *::before, *::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

:root {
  --font-family:            'Rubik', sans-serif;
  --font-size-h1:           36px;
  --font-size-h2:           24px;
  --font-size-h3:           18px;
  --font-size-body:         16px;
  --font-size-small:        14px;
  --font-size-label:        12px;
  --font-weight-regular:    400;
  --font-weight-medium:     500;
  --font-weight-bold:       700;
  --line-height-tight:      1.38;
  --line-height-normal:     1.57;
  --line-height-relaxed:    1.75;

  --color-primary:          #FF486C;
  --color-primary-rgb:      255, 72, 108;
  --color-primary-hover:    #E8305A;
  --color-secondary-teal:   #00A09B;
  --color-secondary-yellow: #E0DD00;

  --color-text-primary:     rgba(0, 0, 0, 0.85);
  --color-text-heading:     #2B3434;
  --color-text-secondary:   rgba(0, 0, 0, 0.55);
  --color-text-muted:       rgba(0, 0, 0, 0.35);
  --color-text-inverse:     #FFFFFF;

  --color-bg-page:          #FFFFFF;
  --color-bg-card:          #FFFFFF;
  --color-bg-input:         #F5F5F5;
  --color-bg-subtle:        #FAFAFA;

  --gradient-signature:     linear-gradient(61deg, rgba(0, 160, 155, 0.9), rgba(224, 221, 0, 0.9));

  --green:        #10B981;
  --green-bg:     rgba(16, 185, 129, 0.06);
  --green-border: rgba(16, 185, 129, 0.2);
  --red:          #EF4444;
  --red-bg:       rgba(239, 68, 68, 0.06);
  --red-border:   rgba(239, 68, 68, 0.2);
  --yellow:       #F59E0B;
  --yellow-bg:    rgba(245, 158, 11, 0.06);
  --yellow-border:rgba(245, 158, 11, 0.2);

  --radius-pill:    32px;
  --radius-card:    10px;
  --radius-input:   7.5px;

  --space-1:    6px;
  --space-2:    12px;
  --space-3:    18px;
  --space-4:    24px;
  --space-5:    30px;
  --space-6:    36px;
  --space-8:    48px;

  --shadow-card:    0 1px 4px rgba(0, 0, 0, 0.06);
  --shadow-glow:    0px 2px 8px 0px rgba(var(--color-primary-rgb), 0.35);
  --color-border:   rgba(0, 0, 0, 0.06);
  --border-subtle:  1px solid var(--color-border);
}

body {
  font-family: var(--font-family);
  font-size: var(--font-size-body);
  font-weight: var(--font-weight-regular);
  background: var(--color-bg-page);
  color: var(--color-text-primary);
  line-height: var(--line-height-normal);
  min-height: 100vh;
  -webkit-font-smoothing: antialiased;
}