﻿:root {
  /* Primary brand color */
  --nlb-color-blue: #230078;
  --nlb-color-blue-darker: #190054;
  --nlb-color-blue-lightest: #DED9EB;
  /* Secondary brand colors */
  --nlb-color-green: #70A300;
  --nlb-color-green-darker: #5D8500;
  --nlb-color-green-lightest: #EDF5D9;
  --nlb-color-orange: #FA7800;
  /* Informative colors */
  --nlb-color-positive: #1A8700;
  --nlb-color-red: #D13A3A;
  /* Greys & White */
  --nlb-grey-dark: #1E1E1E;
  --nlb-grey-30: #303030;
  --nlb-grey-46: #464646;
  --nlb-color-body-text: #666;
  --nlb-grey-text-secondary: #757575;
  --nlb-grey-91: #919191;
  --nlb-grey-medium-light: #A1A1A1;
  --nlb-grey-c2: #C2C2C2;
  --nlb-grey-lines: #DDDDDD;
  --nlb-background-grey: #f6f6f6;
  --evolve-grey-disabled: #F7F7F7;
  --nlb-white: #FFFFFF;
  --evolve-black: #000000;

  /* Semanticen token za ozadje disabled polj/gumbov (form-control, select, X-gumb). Trenutno = belo, po Figma "Disabled" specifikaciji brez fill-a. Ce se po pregledu odloci za sivo ozadje, spremeni SAMO to vrednost. */
  --nlb-disabled-fill: var(--nlb-white);
  --nlb-disabled-border: var(--nlb-grey-medium-light);
  --nlb-disabled-text: var(--nlb-grey-medium-light);

  /* Semanticen token za ozadje readonly polj (form-control[readonly]). Trenutno = svetlo sivo, poln kontrast teksta (readonly razlicno od disabled - polje je berljivo, ni pa urejljivo). */
  --nlb-readonly-fill: var(--nlb-white);
  --nlb-readonly-border: var(--nlb-grey-medium-light);
  --nlb-readonly-text: var(--evolve-black);
  --nlb-page-color: #f6f6f6;

  --nlb-shadow-card: 0px 0px 1px rgba(19, 0, 66, 0.31), 0px 2px 8px -2px rgba(19, 0, 66, 0.25);
  --nlb-shadow-card-hover: 0px 0px 1px rgba(19, 0, 66, 0.31), 0px 4px 8px -2px rgba(19, 0, 66, 0.25);
  --nlb-color-border: #e5e5e5;

  --nlb-black-text-primary: #151617;
  --evolve-black-title: #151617;
  --evolve-transparent: transparent;
  --evolve-white-selection: #FFFFFF;

  --nlb-background-3: #ECEFF6;
  --nlb-background-4: #F6F7FA;
  --nlb-components-disabled-empty: #CDCDCD;

  /* Graf barve (FI detail - min/max/zadnja cena indikatorji v DetailGraphChartPartial in DetailGraphDailyPartial). */
  --nlb-color-graph-min-price: #F78153;
}