/*--------------------------------------------------------------
# 1.Blog template variables
--------------------------------------------------------------*/
:root {
  /* Fonts */
  --font-default: "EB Garamond", system-ui, -apple-system, "Segoe UI", Roboto,
    "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif,
    "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --font-primary: "EB Garamond", serif; /*'Playfair Display', serif;*/
  --font-secondary: "Inter", sans-serif;

  /*Main colors*/
  /*Defaults colors*/
  --f-default-color-primary: #114741; 
  --f-default-color-secondary: #ffd700;
  --f-default-color-tertiary: #000000;
  --f-default-color-quaternary: #ffffff;
  --f-default-color-mix: #001412;

  /*Defaults colors RGB*/
  --f-default-color-rgb-primary: 17, 71, 65;
  --f-default-color-rgb-secondary: 255, 215, 0;
  --f-default-color-rgb-tertiary: 0, 0, 0;
  --f-default-color-rgb-quaternary: 255, 255, 255;


  /*Header colors*/
  --topbar-bg: var(--f-default-color-tertiary);
  --header-bg: var(--f-default-color-quaternary);
  --nav-color: var(--f-default-color-tertiary);



  /* --body-bg: #03031e; */
  --body-bg: var(--f-default-color-quaternary);
  --body-color: var(--f-default-color-tertiary);
  --footer-bg: var(--f-default-color-quaternary);
  --footer-legal-bg: var(--f-default-color-quaternary);

  --category-badge-bg: var(--f-default-color-tertiary);
  --category-badge-color: var(--f-default-color-secondary);
  --bg-message-suport: color-mix(in srgb, var(--color-green), transparent 85%);

  /* Defult links color */
  --color-links: var(--f-default-color-tertiary);
  --color-links-hover: #51585e;

  /* Primay colors */
  --color-primary: #212529;
  --color-primary-light: #26282c;
  --color-primary-dark: #0b0c0e;

  --color-primary-rgb: 33, 37, 41;
  --color-primary-light-rgb: 38, 40, 44;
  --color-primary-dark-rgb: 11, 12, 14;

  /* Secondary colors */
  --color-secondary: #596d80;
  --color-secondary-light: #8498aa;
  --color-secondary-dark: #404f5c;

  --color-secondary-rgb: 89, 109, 128;
  --color-secondary-light-rgb: 132, 152, 170;
  --color-secondary-dark-rgb: 64, 79, 92;

  /* General colors */
  --color-blue: #0d6efd;
  --color-blue-rgb: 13, 110, 253;

  --color-indigo: #6610f2;
  --color-indigo-rgb: 102, 16, 242;

  --color-purple: #6f42c1;
  --color-purple-rgb: 111, 66, 193;

  --color-pink: #f3268c;
  --color-pink-rgb: 243, 38, 140;

  --color-red: #df1529;
  --color-red-rgb: 223, 21, 4;

  --color-orange: #fd7e14;
  --color-orange-rgb: 253, 126, 20;

  --color-yellow: #ffc107;
  --color-yellow-rgb: 255, 193, 7;

  --color-green: #059652;
  --color-green-rgb: 5, 150, 82;

  --color-teal: #20c997;
  --color-teal-rgb: 32, 201, 151;

  --color-cyan: #0dcaf0;
  --color-cyan-rgb: 13, 202, 240;

  --color-white: #ffffff;
  --color-white-rgb: 255, 255, 255;

  --color-gray: #6c757d;
  --color-gray-rgb: 108, 117, 125;

  --color-black: #000000;
  --color-black-rgb: 0, 0, 0;

  /*New colors*/

  /*Pixels e padding globais*/
  --img-b-radius: 20px;
  --post-img-b-radius: 20px;
  --sidebar-title-b-radius: 20px;
  --badge-b-radius: 20px;
  --slider-b-radius: 0;
  --btn-social-b-radius: 30px;
  --btn-b-radius: 30px;
  --category-padding: 8px 16px;

}