/* theme.css */

/* Colors */
/* theme.css */

/* Colors */
:root {
  --dark-green: #009444;
  --light-green: #09ff81;
  --extra-light-green: #e6f8ee;
  --dark-blue: #1c75bc;
  --light-blue: #c9eeff;

  --bg-light: #fafafa;
  --bg-dark: #231f20;
  --bg-grey: #e2e8f0;
  --bg-white: #ffffff;

  --primary-gradient: linear-gradient(135deg, #009444 0%, #179fd9 100%);
  --text-white: #ffffff;
  --text-black: #231f20;
  --text-grey: #64748b;

  /* Risk pill colors */
  --risk-low-bg: #e9f7ff;
  --risk-low-text: #1c75bc;
  --risk-medium-bg: #e7f9ee;
  --risk-medium-text: #009444;
  --risk-high-bg: #fee2e2;
  --risk-high-text: #b91c1c;

  /* Problem / solution colors */
  --problem-bg: #fff6f5;
  --problem-border: #ffe2e2;
  --problem-dot: #ed4b5c;

  --solution-bg: #f5fcf7;
  --solution-border: #c3edc2;

  /* Neutral borders / surfaces used in cards */
  --border-soft: #e6e8ec;
  --border-soft-2: #e5edf4;
  --shadow-soft: rgba(35, 46, 100, 0.08);
  --shadow-strong: rgba(35, 46, 100, 0.18);

  /* Accent gold + info for icons/badges etc */
  --accent-gold-start: #fbbf24;
  --accent-gold-end: #f59e0b;
  --accent-star: #f9b934;
}


/* Text color utilities */
.text-dark-green { color: var(--dark-green); }
.text-light-green { color: var(--light-green); }
.text-extra-light-green { color: var(--extra-light-green-green); }
.text-dark-blue { color: var(--dark-blue); }
.text-light-blue { color: var(--light-blue); }
.text-white { color: var(--text-white); }
.text-black { color: var(--text-black); }
.text-grey { color: var(--text-grey); }

/* Background utilities */
.bg-dark-green { background-color: var(--dark-green); color: var(--text-white); }
.bg-light-green { background-color: var(--light-green); color: var(--text-black); }
.bg-extra-light-green { background-color: var(--extra-light-green); }
.bg-dark-blue { background-color: var(--dark-blue); color: var(--text-white); }
.bg-light-blue { background-color: var(--light-blue); color: var(--text-black); }
.bg-light { background-color: var(--bg-light) !important; color: var(--text-black); }
.bg-dark { background-color: var(--bg-dark); color: var(--text-white); }
.bg-primary { background: var(--primary-gradient); color: var(--text-white); }
.bg-grey { background-color: var(--bg-grey);}
.bg-white { background-color: var(--bg-white) !important;}
.bg-fade{background: #f2f2f2;}

/* Border utilities */
.border-dark-green { border: 1px solid var(--dark-green); }
.border-light-green { border: 1px solid var(--light-green); }
.border-dark-blue { border: 1px solid var(--dark-blue); }
.border-light-blue { border: 1px solid var(--light-blue); }
.border-light { border: 1px solid var(--bg-light); }
.border-dark { border: 1px solid var(--bg-dark); }  


/* Icon colors for svg */
.invert-to-green {
    filter: brightness(0) saturate(100%) invert(33%) sepia(91%) saturate(2923%) hue-rotate(96deg) brightness(93%) contrast(91%);
}

.invert-to-black {
  filter: brightness(1) invert(1);
}

.invert-to-white {
  filter: brightness(0) invert(1);
}