@import "tailwindcss";
@plugin "@tailwindcss/typography";
@plugin "@tailwindcss/aspect-ratio";
@plugin "tailwindcss-displaymodes";
@plugin 'tailwind-scrollbar';
@plugin "daisyui";

@plugin "daisyui/theme" {
  name: "adaam";
  default: true;
  prefersdark: false;
  color-scheme: light;

  /* Purple theme colors */
  --color-primary: #a347f5;
  --color-primary-focus: #8a35d7;
  --color-primary-content: #ffffff;
  
  --color-secondary: #6d6d6d;
  --color-secondary-focus: #5d5d5d;
  --color-secondary-content: #ffffff;
  
  --color-accent: #d7aaff;
  --color-accent-focus: #c076fb;
  --color-accent-content: #ffffff;
  
  --color-neutral: #3d3d3d;
  --color-neutral-focus: #2a2a2a;
  --color-neutral-content: #ffffff;
  
  --color-base-100: #ffffff;
  --color-base-200: #f6f6f6;
  --color-base-300: #e7e7e7;
  --color-base-content: #1f1f1f;
  
  --color-info: #3abff8;
  --color-info-content: #ffffff;
  
  --color-success: #36d399;
  --color-success-content: #ffffff;
  
  --color-warning: #fbbd23;
  --color-warning-content: #ffffff;
  
  --color-error: #f87272;
  --color-error-content: #ffffff;

  /* border radius */
  --radius-selector: 0.5rem;
  --radius-field: 0.25rem;
  --radius-box: 0.5rem;

  /* base sizes */
  --size-selector: 0.25rem;
  --size-field: 0.25rem;

  /* border size */
  --border: 1px;

  /* effects */
  --depth: 1;
  --noise: 0;
}

.scrollbar-rounded {
  @apply scrollbar-thin scrollbar-thumb-primary hover:scrollbar-thumb-primary active:scrollbar-thumb-primary scrollbar-track-base-200
}

body {
  font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
}

html {
  data-theme: "adaam";
}