/* Palette colors */
  :root {
    --color-background: #f9f8f3;
    --color-background-rgb: 249 248 243;
    --color-foreground: #151615;
    --color-foreground-rgb: 21 22 21;
    --color-border: #151615;
    --color-border-rgb: 21 22 21;
    --palette-lightest: #f9f8f3;
    --palette-lightest-rgb: 249 248 243;
    --palette-darkest: #151615;
    --palette-darkest-rgb: 21 22 21;
    
--opacity-5-15: 0.05; --opacity-10-25: 0.1; --opacity-35-55: 0.35; --opacity-40-60:
0.4; --opacity-30-60: 0.3; --opacity-60: 0.6;


    --color-primary-button-text: rgb(249 248 243 / 1.0);
    --color-primary-button-background: rgb(21 22 21 / 1.0);
    --color-primary-button-border: rgb(21 22 21 / 1.0);
    --color-primary-button-focus-outline: rgb(21 22 21);
    --color-primary-button-hover-text: rgb(249 248 243 / 1.0);
    --color-primary-button-hover-background: #3a3d3a;
    --color-primary-button-hover-border: #3a3d3a;

    --color-secondary-button-text: rgb(21 22 21 / 1.0);
    --color-secondary-button-background: rgb(0 0 0 / 0.0);
    --color-secondary-button-border: rgb(21 22 21 / 1.0);
    --color-secondary-button-hover-text: rgb(21 22 21 / 1.0);
    --color-secondary-button-hover-background: rgba(0, 0, 0, 0.15);
    --color-secondary-button-hover-border: #3a3d3a;

    --color-input-background: rgb(249 248 243 / 1.0);
    --color-input-text: rgb(85 85 79 / 1.0);
    --color-input-text-rgb: 85 85 79;
    --color-input-border: rgb(214 213 206 / 1.0);

    --color-variant-background: rgb(249 248 243 / 1.0);
    --color-variant-border: rgb(214 213 206 / 1.0);
    --color-variant-text: rgb(21 22 21 / 1.0);
    --color-variant-text-rgb: 21 22 21;
    --color-variant-hover-background: #f1eee2;
    --color-variant-hover-text: rgb(21 22 21 / 1.0);
    --color-variant-hover-border: #cac9c0;

    --color-selected-variant-background: rgb(21 22 21 / 1.0);
    --color-selected-variant-border: rgb(21 22 21 / 1.0);
    --color-selected-variant-text: rgb(249 248 243 / 1.0);
    --color-selected-variant-text-rgb: 249 248 243;
    --color-selected-variant-hover-background: #3a3d3a;
    --color-selected-variant-hover-text: rgb(249 248 243 / 1.0);
    --color-selected-variant-hover-border: #3a3d3a;

    --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
    --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
    --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
    --color-foreground-muted: rgb(var(--color-rgb, var(--color-foreground-rgb)) / var(--opacity-muted-text));
    --color-foreground-subdued: rgb(var(--color-rgb, var(--color-foreground-rgb)) / var(--opacity-subdued-text));
    --color-drawer-shadow-rgb: ;
    --color-popover-shadow-rgb: 21 22 21;

    /* Shadows */
    
    
      --shadow-blur: 20px;
      --shadow-popover: 0px 4px 20px rgb(var(--color-popover-shadow-rgb) / var(--opacity-15));
    
  }

  body {
    color: var(--color-foreground);
    background-color: var(--color-background);
  }