/* Minetta file: _main.css */
/*
    Name: Minetta;
    Description: Generic CiviCRM UI, somewhat familiar to users of CiviCRM since 2014. Named after Minetta Creek, which runs under Greenwich, New York. NB - variables appear here when they run diverge from a pattern that supports broader customisation;
*/

:root {
/* Tables */
  --crm-table-outside-border: 1px solid var(--crm-c-gray-200);
/* Alerts */
  --crm-alert-warning-bg-color: var(--crm-c-yellow-light);
/* Tabs */
  --crm-tab-hover-bg-color: var(--crm-container-bg-color);
}

/* Custom CSS */

.contactCardRight:has(#crm-contact-thumbnail) .float-left {
  width: calc(100% - var(--crm-flex-gap) - var(--crm-contact-image-size));
}

/* Minetta vars */
:root {
--crm-version: 'Minetta, v' var(--crm-release);
--crm-font-size: 0.875rem;
}
:root { color-scheme: light dark; }
@media (prefers-color-scheme: dark) {
/* core dark vars */
:root {
/* Colour names */
/* Practical colours, e.g. text, link '--crm-c-' */
  --crm-text-color: var(--crm-text-light-color);
  --crm-border-color: var(--crm-c-gray-500);
  --crm-paper: var(--crm-c-gray-900); /* The darkest bg in dark mode */
  --crm-ink: var(--crm-text-light-color); /* The lightest foreground in dark mode */
/* Backgrounds, '--crm-c-X-bg' */
  --crm-code-bg-color: var(--crm-layer1-bg-color);
  --crm-layer1-bg-color: var(--crm-c-gray-800);
  --crm-layer2-bg-color: var(--crm-c-gray-700);
/* Emphasis colours, e.g. warning, danger, info '--crm-c-' */
  --crm-primary-ink-color: var(--crm-c-gray-300);
  --crm-secondary-ink-color: #cdcdcd;
  --crm-success-ink-color: var(--crm-success-light-color);
  --crm-warning-ink-color: var(--crm-warning-light-color);
  --crm-danger-ink-color: var(--crm-danger-light-color);
  --crm-info-ink-color: var(--crm-info-light-color);
/* Shadows */
  --crm-shadow-popup: 0 3px 18px 0 rgb(0,0,0);
/* Sizes */
/* Type */
  --crm-heading-color: var(--crm-text-light-color);
/* Mouse events */
/* Buttons '--crm-btn-' */
/* Tables '--crm-table-' */
  --crm-table-row-alternate-bg-color: #fff;
/* Panels '--crm-panel-' */
/* Accordions '--crm-accordion-' and '--crm-accordion2-' for .crm-accrdion-light */
  --crm-accordion-body-bg-color: var(--crm-layer1-bg-color);
/* Alerts '--crm-alert' */
  --crm-alert-danger-bg-color: var(--crm-danger-color);
  --crm-alert-danger-text-color: var(--crm-danger-text-color);
  --crm-alert-danger-border-color: color-mix(in srgb, var(--crm-alert-danger-bg-color) 90%,#fff 10%);
  --crm-alert-info-bg-color: var(--crm-info-color);
  --crm-alert-info-border-color: color-mix(in srgb, var(--crm-alert-info-bg-color) 90%,#fff 10%);
  --crm-alert-info-text-color: var(--crm-success-text-color);
  --crm-alert-success-bg-color: var(--crm-success-color);
  --crm-alert-success-border-color: color-mix(in srgb, var(--crm-alert-success-bg-color) 90%,#fff 10%);
  --crm-alert-success-text-color: var(--crm-success-text-color);
  --crm-alert-warning-bg-color: var(--crm-warning-color);
  --crm-alert-warning-border-color: color-mix(in srgb, var(--crm-alert-warning-bg-color) 90%,#fff 10%);
/* Form '--crm-form-' '--crm-input-' '--crm-inline-' '--crm-fieldset-' '--crm-checkbox' */
  --crm-input-description: var(--crm-c-gray-300);
/* Tabs '--crm-tabs' */
  --crm-tabs-bg-color: var(--crm-layer2-bg-color);
/* Contact layout '--crm-contact-' */
  --crm-contact-label-bg-color: transparent;
/* Dialog '--crm-dialog-' */
  --crm-dialog-header-border-color: transparent;
/* Dashlet for main dashboard '--crm-dashlet-' */
/* Button dropdowns '--crm-dropdown-' */
/* Notifications '--crm-notify-' */
/* Icons '--crm-icon-' */
/* Wizard '--crm-wizard-' */
/* Alpha filter '--crm-filter-' */
/* Frontend '--crm-f- */
}

/* Minetta Dark Styles file: _dark.css */
/* Minetta dark mode settings */
:root {
/* Fonts '--crm-font-' */
/* Colour names, e.g. green, red, blue '--crm-c-' */
  --crm-c-teal: #a3ebe6;
  --crm-c-gray-900: #363636;
  --crm-c-gray-800: #464646;
  --crm-c-gray-700: #535252;
  --crm-c-gray-600: #67676a;
  --crm-c-gray-300: #e1dfdf;
  --crm-c-gray-200: #bdbdbd;
/* Practical colours, e.g. text, link '--crm-c-' */
  --crm-focus-color: #8cd4cb;
  --crm-link-color: var(--crm-c-teal);
  --crm-link-hover-color: var(--crm-c-yellow);
/* Backgrounds, '--crm-c-*-bg' */
  --crm-page-bg-color: var(--crm-paper);
  --crm-container-bg-color: var(--crm-c-gray-800);
  --crm-inverse-bg-color: var(--crm-c-gray-300);
/* Emphasis colours, e.g. warning, danger, info '--crm-c-' */
  --crm-primary-color: var(--crm-c-gray-500);
  --crm-primary-hover-color: var(--crm-c-gray-600);
  --crm-primary-text-color: var(--crm-text-color);
/* Shadows */
  --crm-shadow-block: 0;
/* Sizes */
/* Type */
  --crm-heading-bg-color: var(--crm-c-blue-dark);
/* Mouse events */
/* Buttons '--crm-btn-' */
/* Tables '--crm-table-' */
  --crm-table-outside-border: var(--crm-border);
  --crm-table-row-border: 1px solid var(--crm-c-gray-200);
  --crm-table-row-hover-color: var(--crm-c-amber);
/* Panels '--crm-panel-' */
  --crm-panel-border-col: var(--crm-c-gray-200);
/* Accordions '--crm-accordion-' and '--crm-accordion2-' for .crm-accrdion-light */
  --crm-accordion-header-bg-color: var(--crm-layer2-bg-color);
  --crm-accordion-header-bg-active-color: var(--crm-c-gray-600);
/* Alerts '--crm-alert' */
/* Form '--crm-form-' '--crm-input-' '--crm-inline-' '--crm-fieldset-' '--crm-checkbox' */
  --crm-form-block-bg-color: var(--crm-layer1-bg-color);
  --crm-input-border-color: var(--crm-c-gray-200);
  --crm-input-radio-color: #38c4b4;
/* Tabs '--crm-tabs'/
/* Contact layout '--crm-contact-' */
  --crm-contact-header-bg-color: transparent;
  --crm-contact-block-bg-color: var(--crm-layer1-bg-color);
  --crm-contact-panel-bg-color: #414141;
/* Dialog '--crm-dialog-' */
  --crm-dialog-header-bg-color: var(--crm-layer1-bg-color);
  --crm-dialog-body-bg-color: var(--crm-layer1-bg-color);
/* Dashlet for main dashboard '--crm-dashlet-' */
  --crm-dashlet-bg-color: var(--crm-layer1-bg-color);
  --crm-dashlet-header-bg-color: var(--crm-layer2-bg-color);
/* Button dropdowns '--crm-dropdown-' */
  --crm-dropdown-bg-color: var(--crm-layer1-bg-color);
  --crm-dropdown2-bg-color: var(--crm-layer1-bg-color);
/* Notifications '--crm-notify-' */
  --crm-notify-bg-color: var(--crm-c-darkest);
/* Icons '--crm-icon-' */
/* Wizard '--crm-wizard-' */
  --crm-wizard-active-bg-color: var(--crm-c-teal-dark);
/* Alpha filter '--crm-filter-' */
  --crm-filter-item-bg-color: var(--crm-layer1-bg-color);
/* Frontend '--crm-f- */
}

}