/* Variable Presets */
@import url(./custom-updates.css);

:root {
	--r-presentation-bg-color: #ffffff; /* Presentation Background color */
	--r-heading-margin: 0 0 0.5rem 0; /* Bottom Margin for a headers */
	--r-block-margin: 0.5rem 0; /* Top and Bottom Margin for all block elemenst */
	--r-link-color: #f7f7f7; /* Link color */
	--r-link-decoration-color: #777; /* Link Decoration color */
	--r-link-hover-color: #777; /* Link Hover color */

  	--mermaid-text-color: #000; /* Mermaid text color */
  	--mermaid-shapes-fill-color: #bbb; /* Mermaid fill color */
  	--mermaid-edge-color: #000; /* Mermaid edge color */
  	--mermaid-edge-label-color: #aaa; /* Mermaid edge label color */
  	--mermaid-arrowhead-color: #000; /* Mermaid arrowhead color */

	--del-decoration-color: #888; /* Deleted text decoration color */

	--figure-caption-color: #555; /* Figure caption color */
	--figure-border-color: #888; /* Figure border color */

	--table-text-size: 0.6em; /* Table text size */
	--table-border-color: #999; /* Table border color */

	--bar-fill-color: #bbbbbb; /* Bar chart bar fill color */
	--bar-text-color: #000; /* Bar chart text color */

	--bar-translate-x: 0; /* Bar chart translate X */
	--bar-translate-y: 0; /* Bar chart translate Y */

	--color-attention: #de5c00; /* Color for attention text */

    --code-block-background: #f0f0f0; /* Code block background color */

	--footnote-text-color: #808080; /* Footnote text color */

  	--control-color: #383737;  /* Navigation arrow color */
  	--control-progress-color: #00000000;  /* Navigation progress color */
  	--control-progress-bg-color: rgba(0, 0, 0, 0.2);  /* Navigation progress background color - RGBA format to provide transparency */
}