/* [Replast] CRM у стилі ЕРП (Material UI): синій #1976d2, Roboto, менші радіуси.
   Лише перевизначення CSS-змінних теми Twenty (--t-*), код Twenty не змінюється.
   .light.light — сильніше за власне .light у Twenty, тож порядок підключення не важливий. */
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap');

.light.light {
  --t-font-family: Roboto, Helvetica, Arial, sans-serif;

  /* Шкала синього ЕРП замість індиго Twenty */
  --t-color-blue: #1976d2;
  --t-color-blue1: #f7fbff;
  --t-color-blue2: #f0f7fe;
  --t-color-blue3: #e3f2fd;
  --t-color-blue4: #d4e8fb;
  --t-color-blue5: #bbdefb;
  --t-color-blue6: #a6d0f8;
  --t-color-blue7: #90caf9;
  --t-color-blue8: #64b5f6;
  --t-color-blue9: #1976d2;
  --t-color-blue10: #1565c0;
  --t-color-blue11: #1565c0;
  --t-color-blue12: #0d47a1;
  --t-color-transparent-blue1: rgba(25,118,210,.01);
  --t-color-transparent-blue2: rgba(25,118,210,.03);
  --t-color-transparent-blue3: rgba(25,118,210,.07);
  --t-color-transparent-blue4: rgba(25,118,210,.12);
  --t-color-transparent-blue5: rgba(25,118,210,.18);
  --t-color-transparent-blue6: rgba(25,118,210,.25);
  --t-color-transparent-blue7: rgba(25,118,210,.33);
  --t-color-transparent-blue8: rgba(25,118,210,.45);
  --t-color-transparent-blue9: rgba(25,118,210,.85);
  --t-color-transparent-blue10: rgba(21,101,192,.9);
  --t-color-transparent-blue11: rgba(21,101,192,.9);
  --t-color-transparent-blue12: rgba(13,71,161,.9);

  --t-accent-primary: #bbdefb;
  --t-accent-secondary: #bbdefb;
  --t-accent-tertiary: #e3f2fd;
  --t-accent-quaternary: #f0f7fe;
  --t-accent-accent1: #f7fbff;
  --t-accent-accent2: #f0f7fe;
  --t-accent-accent3: #e3f2fd;
  --t-accent-accent4: #d4e8fb;
  --t-accent-accent5: #bbdefb;
  --t-accent-accent6: #a6d0f8;
  --t-accent-accent7: #90caf9;
  --t-accent-accent8: #64b5f6;
  --t-accent-accent9: #1976d2;
  --t-accent-accent10: #1565c0;
  --t-accent-accent11: #1565c0;
  --t-accent-accent12: #0d47a1;
  --t-accent-accent3570: #64b5f6;
  --t-accent-accent4060: #64b5f6;

  --t-background-transparent-blue: rgba(25,118,210,.07);
  --t-border-color-blue: #90caf9;
  --t-tag-text-blue: #1565c0;
  --t-tag-background-blue: #e3f2fd;
  --t-illustration-icon-color-blue: #64b5f6;
  --t-illustration-icon-fill-blue: #bbdefb;

  /* Текст як у ЕРП */
  --t-font-color-primary: rgba(0,0,0,.87);
  --t-font-color-secondary: rgba(0,0,0,.6);

  /* Радіуси ближчі до MUI (4px) */
  --t-border-radius-sm: 4px;
  --t-border-radius-md: 8px;
  --t-border-radius-lg: 16px;
}