@import url('https://fonts.googleapis.com/css?family=DM+Sans');

/*
 * ===========================================================================
 * CoreMedia Corporate Identity Colors
 * ===========================================================================
 */
:root {
  --color-primary-red: hsl(2, 72%, 51%);
  --color-primary-magenta: hsl(316, 72%, 51%);
  --color-primary-dark-gray: hsl(120, 5%, 22%);
  --color-secondary-purple: hsl(290, 50%, 32%);
  --color-secondary-blue: hsl(204, 100%, 34%);
  --color-secondary-monte-carlo: hsl(172, 45%, 60%);
  --color-secondary-green: hsl(144, 61%, 40%);
  --color-secondary-yellow: hsl(54, 87%, 54%);
  --color-secondary-light-gray: hsl(0, 0%, 96%);
  --color-secondary-black: hsl(0, 0%, 0%);
  --color-secondary-white: hsl(0, 0%, 100%);

  /* Variant: Light colors */
  --color-primary-red-light: hsl(2, 72%, 76%);
  --color-primary-magenta-light: hsl(316, 72%, 76%);
  --color-primary-dark-gray-light: hsl(120, 5%, 47%);
  --color-secondary-purple-light: hsl(290, 50%, 57%);
  --color-secondary-blue-light: hsl(204, 100%, 59%);
  --color-secondary-monte-carlo-light: hsl(172, 45%, 85%);
  --color-secondary-green-light: hsl(144, 61%, 65%);
  --color-secondary-yellow-light: hsl(54, 87%, 79%);

  /* Variant: Dark colors */
  --color-primary-red-dark: hsl(2, 72%, 26%);
  --color-primary-magenta-dark: hsl(316, 72%, 26%);
  --color-primary-dark-gray-dark: hsl(120, 5%, 0%);
  --color-secondary-purple-dark: hsl(290, 50%, 7%);
  --color-secondary-blue-dark: hsl(204, 100%, 9%);
  --color-secondary-monte-carlo-dark: hsl(172, 45%, 35%);
  --color-secondary-green-dark: hsl(144, 61%, 15%);
  --color-secondary-yellow-dark: hsl(54, 87%, 29%);
}

/*
 * ===========================================================================
 * CoreMedia Corporate Identity Fonts
 * ===========================================================================
 */
:root {
  --font-text: 'DM Sans';
  /* Aligned with monospace font in manuals. */
  --font-monospace: 'SFMono-Regular', Consolas, 'Liberation Mono', Menlo;
}

/*
 * ===========================================================================
 * Javadoc CSS Properties Override.
 * ===========================================================================
 */
:root {
  /*
   * Default Javadoc Font Families.
   *
   * Used as fallbacks for the Javadoc CSS Properties Override.
   */
  --javadoc-body-font-family: 'DejaVu Sans', Arial, Helvetica, sans-serif;
  --javadoc-block-font-family: 'DejaVu Serif', Georgia, "Times New Roman", Times, serif;
  --javadoc-code-font-family: 'DejaVu Sans Mono', monospace;

  /*
   * ---------------------------------------------------------------------------
   * Font Overrides
   * ---------------------------------------------------------------------------
   */
  --body-font-family: var(--font-text), var(--javadoc-body-font-family);
  --block-font-family: var(--font-text), var(--javadoc-body-font-family);
  --code-font-family: var(--font-monospace), var(--javadoc-code-font-family);

  /*
   * ---------------------------------------------------------------------------
   * Color Overrides
   * ---------------------------------------------------------------------------
   */

  /* Text colors for body and block elements */
  --body-text-color: var(--color-secondary-black);
  --block-text-color: var(--color-primary-dark-gray-dark);
  /* Background colors for various structural elements */
  --body-background-color: var(--color-secondary-white);
  --section-background-color: var(--color-secondary-light-gray);
  --detail-background-color: var(--color-secondary-white);
  /* Colors for navigation bar and table captions */
  --navbar-background-color: var(--color-primary-dark-gray);
  --navbar-text-color: var(--color-secondary-white);
  /* Background color for subnavigation and various headers */
  --subnav-background-color: var(--color-secondary-monte-carlo-light);
  /* Background and text colors for selected tabs and navigation items */
  --selected-background-color: var(--color-secondary-yellow);
  --selected-text-color: var(--color-secondary-blue-dark);
  --selected-link-color: var(--color-secondary-blue);
  /* Background colors for generated tables */
  --even-row-color: var(--color-secondary-white);
  --odd-row-color: var(--color-secondary-light-gray);
  /* Text color for page title */
  --title-color: var(--color-secondary-purple-dark);
  /* Text colors for links */
  --link-color: var(--color-secondary-purple);
  --link-color-active: var(--color-secondary-yellow-dark);
  /* Snippet colors */
  --snippet-background-color: var(--color-secondary-light-gray);
  --snippet-text-color: var(--block-text-color);
  --snippet-highlight-color: var(--color-primary-red-light);
  /* Border colors for structural elements and user defined tables */
  --border-color: var(--color-secondary-light-gray);
  --table-border-color: var(--color-secondary-black);
  /* Search input colors */
  --search-input-background-color: var(--color-secondary-white);
  --search-input-text-color: var(--color-secondary-black);
  --search-input-placeholder-color: var(--color-primary-dark-gray-light);
  /* Highlight color for active search tag target */
  --search-tag-highlight-color: var(--color-secondary-yellow-light);
  /* Adjustments for icon and active background colors of copy-to-clipboard buttons */
  --copy-icon-brightness: 100%;
  --copy-button-background-color-active: rgba(168, 168, 176, 0.3);
  /* Colors for invalid tag notifications */
  --invalid-tag-background-color: var(--color-primary-red-light);
  --invalid-tag-text-color: var(--color-secondary-black);
}