/* theme-default.css */
:root {
  --color-primary: #36454F;
  --color-secondary: #98FB98;
  --color-accent: #90F090;
  --color-accent-hover: #7acd7a;
  --color-bg: #FFFFFF;
  --color-bg-opacity: 1;
  --color-border: #888888;
  --color-text: #000000;
  --color-text-light: #000000;
  --color-error: #FFB6B6;
  --color-success: #008000;

  --border-radius: 10px;
  --box-shadow: 0px 0px 20px 15px rgba(0,0,0,0.1);
  --box-shadow2: 0px 4px 6px -1px rgba(0,0,0,0.1), 0px 2px 4px -1px rgba(0,0,0,0.06);


  --background-gradient: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25'%3E%3Cdefs%3E%3ClinearGradient id='Gradient3' x1='0' x2='1' y1='0' y2='1'%3E%3Cstop offset='0%25' stop-color='%2336454F' /%3E%3Cstop offset='25%25' stop-color='%2390F090' /%3E%3Cstop offset='50%25' stop-color='%23FFFFFF' /%3E%3Cstop offset='75%25' stop-color='%23FFFFFF' /%3E%3Cstop offset='100%25' stop-color='%2336454F' /%3E%3C/linearGradient%3E%3C/defs%3E%3Crect fill='url(%23Gradient3)' width='100%25' height='100%25' /%3E%3C/svg%3E") no-repeat center center fixed;

}