/**
 * This FILE IS A BLUEPRINT FOR STYLING THE INCODE DOCU.
 * -d is always used as the dark-mode version of the color
 *
 * Only change Values, not the keys! The variable always contains pc,
 * no matter what whitelabel customer it is for.
 */


:root {
  
  /**
   * Background colors
   * Container is used for cards etc. to subtly seperate content from the background color.
   */
  --pc-bg: white;
  --pc-container: #fafafa;
  /* Dark */
  --pc-bg-d: #161619;
  --pc-container-d: #242424;

  /**
   * Main Text colors
   */
  --pc-text: #282828;
  --pc-text-light: #a3a3a3;
  /* Dark */
  --pc-text-d: #dfdfdf;
  --pc-text-light-d: #8C8C8C;

  /**
   * The Brands primary color, used mostly for decorative Elements
   */
  --pc-primary:#183D57;
  --pc-primary-text: #f3f4f6;
  /* Dark */
  --pc-primary-d: #183D57;
  --pc-primary-text-d: #f3f4f6;
  
  /**
   * A secondary color, used for highlighting elements such as Code "Badges
   * The two colors should contrast strongly.
   */
  --pc-secondary: #183D57;
  --pc-secondary-text: #f3f4f6;
  /* Dark */
  --pc-secondary-d: #4b5563;
  --pc-secondary-text-d: #f3f4f6;
  

  /**
   * Links have this Color.
   * ! As they are used on the Background directly, the should have a strong contrast
   * to Black & White
   */
  --pc-links: #3CB6EA;
  --pc-links-hover: #1280af;
  /* Dark */
  --pc-links-d: #3CB6EA;
  --pc-links-hover-d:  #99d9f4;
  
  /**
   * Button Colors
   * The two colors should contrast strongly.
   * Combination should work on Black & White
   */
  --pc-button: #183D57; 
  --pc-button-text: #f3f4f6;
  /* Dark */
  --pc-button-d: #3CB6EA; 
  --pc-button-text-d: #e5e7eb;
  
  /**
   * Color for table borders, hr
   */
  --pc-lines: #e5e7eb;
  /* Dark */
  --pc-lines-d: #242424;

  /**
   * Color for <strong>
   */
  --pc-strong-text: #000000;
  /* Dark */
  --pc-strong-text-d: #ffffff;

  /* 
   * HTTP Verb Colors
   */
  --pc-get: oklch(69.6% 0.17 162.48);
  --pc-post: oklch(74.6% 0.16 232.661);
  --pc-put: oklch(76.9% 0.188 70.08);
  --pc-patch: oklch(66.7% 0.295 322.15);
  --pc-delete: oklch(63.7% 0.237 25.331);
   
  /**
   * Radiuses for Button and Container Elements
   */
  --pc-radius: 0.375rem;
  --pc-button-radius: 0.375rem;

  /**
   * Code Reference Colors
   * Used for highlighting code references in documentation
   */
  --pc-code-ref-bg: #e9ebf0;
  --pc-code-ref-text: #111827;
  /* Dark */
  --pc-code-ref-bg-d: #4b5563;
  --pc-code-ref-text-d: #f3f4f6;
  
  /**
   * Note (Boxes)
   */
  --pc-note-bg: #4b5563;
  --pc-note-text: #282828;
  /* Dark */
  --pc-note-bg-d: #4b5563;
  --pc-note-text-d: #f3f4f6;


  /**
   * State Colors
   * (Used in <Warning> which is a sibling of Note)
   */
  --pc-warning: #FFE24C;
  /* Dark */
  --pc-warning-d: #FFE24C;

  /**
   * CodePanel
   */
  --pc-code-panel-bg: #4b5563;
  /* Dark */
  --pc-code-panel-bg-d: #4b5563;

}