@charset "UTF-8";

/*
 * TTP Registry theme (colours): the light TRIALIVE palette with the TTP red and grey.
 * Brand colours from the production portal: red #a61908 (buttons, links, headings #c00000), light red #d47676,
 * grey #5c7084, grey hover #7b97b0, neutral text #555 on white, side menu #f2f2f2.
 * Every token not set here comes from the light theme (instance asset, not part of modules/ims).
 */
@import url("/assets/modules/ims/css/trialive-light-colors.css");

:root {
  color-scheme: light;

  /* TTP red */
  --trialive-primary-1: #a61908;
  --trialive-primary-2: #a61908dd;
  --trialive-primary-3: #a61908aa;
  --trialive-primary-4: #a6190888;
  --trialive-primary-5: #a6190866;
  --trialive-primary-6: #a6190844;
  --trialive-primary-7: #a6190816;

  /* light red accent */
  --trialive-secondary-1: #d47676;
  --trialive-secondary-2: #d47676dd;
  --trialive-secondary-3: #d47676af;
  --trialive-secondary-4: #d476768b;
  --trialive-secondary-5: #d4767666;
  --trialive-secondary-6: #d476763b;
  --trialive-secondary-7: #d4767616;

  /* neutral palette: warm light grey, text #555 / TTP grey */
  --trialive-canvas: #f6f4f4;
  --trialive-surface: #ffffff;
  --trialive-surface-raised: #ffffff;
  --trialive-surface-subtle: #f6f2f2;
  --trialive-surface-muted: #efe9e9;
  --trialive-surface-pressed: #e6dede;
  --trialive-surface-glass: #fffffff0;
  --trialive-surface-glass-strong: #fffffff5;
  --trialive-text-1: #2f2f2f;
  --trialive-text-2: #555555;
  --trialive-text-3: #5c7084;
  --trialive-text-disabled: #a4a0a0;
  --trialive-border-subtle: #eee9e9;
  --trialive-border: #ddd5d5;
  --trialive-border-strong: #b7abab;
  --trialive-divider: #e9e3e3;
  --trialive-overlay: #2a1a1a66;
  --trialive-overlay-soft: #2a1a1a29;

  --trialive-info: #4a6a8a;
  --trialive-info-bg: #edf2f7;
  --trialive-info-border: #b5c6d8;

  /* component roles */
  --trialive-link: var(--trialive-primary-1);
  --trialive-link-hover: #c00000;
  --trialive-selection-bg: #f6e4e4;
  --trialive-selection-strong-bg: #f0d3d3;
  --trialive-hover-bg: #f8ecec;
  --trialive-active-bg: #f3dcdc;
  --trialive-sidebar-bg: #f2f2f2;
  --trialive-table-header-bg: #f6f2f2;
  --trialive-table-row-alt-bg: #fbf9f9;
  --trialive-table-row-hover-bg: #f8ebeb;
  --trialive-table-row-selected-bg: #f1d9d9;
  --trialive-slider-track: #d49a9a;
  --trialive-pagination-bg: #f6f2f2;
  --trialive-pagination-hover-bg: #f1dddd;
  --trialive-message-border: #e6dada;
  --trialive-message-label: #7d1308;
  --trialive-message-meta-bg: #f8f4f4;
  --trialive-form-nav-bg: #f6f3f3;
  --trialive-form-nav-border: #e6dfdf;
  --trialive-form-nav-item-hover-bg: #fbf5f5;
  --trialive-form-nav-item-border: #ddd4d4;
  --trialive-form-nav-item-active-bg: #f6e4e4;
  --trialive-form-nav-item-active-border: #cf8d8d;

  --trialive-chip-purple-text: var(--trialive-primary-1);
  --trialive-chip-purple-bg: #faf3f3;
  --trialive-chip-purple-border: #ebd9d9;
  --trialive-chip-info-bg: #f3f6f9;
  --trialive-chip-info-border: #d5dee8;

  /* TTP header */
  --ttp-banner: url("/assets/images/ttp-banner.png");
  --ttp-grey: #5c7084;
  --ttp-grey-hover: #7b97b0;
  --ttp-red: #a61908;
  --ttp-grey-text: #4d6073; /* #5c7084 darkened for small text on the translucent header boxes (4.5:1) */
  --ttp-header-veil: rgb(255 255 255 / 0.9);
  --ttp-nav-veil: rgb(255 255 255 / 0.9);
}