@tailwind base;
@tailwind components;
@tailwind utilities;ails

/* Manual DaisyUI themes since auto-generation isn't working */
/* [data-theme="cupcake"] {
  --color-primary: oklch(82.7% 0.174 342.55);
  --color-secondary: oklch(65.69% 0.156 342.55);
  --color-accent: oklch(76.76% 0.184 183.61);
  --color-neutral: oklch(25.1% 0.036 342.55);
  --color-base-100: oklch(97.25% 0.007 342.55);
  --color-base-200: oklch(94.51% 0.013 342.55);
  --color-base-300: oklch(91.77% 0.019 342.55);
  --color-base-content: oklch(25.1% 0.036 342.55);
}

[data-theme="synthwave"] {
  --color-primary: oklch(69.71% 0.329 332.62);
  --color-secondary: oklch(74.8% 0.26 342.55);
  --color-accent: oklch(74.51% 0.167 183.61);
  --color-neutral: oklch(19.85% 0.045 332.62);
  --color-base-100: oklch(16.5% 0.045 332.62);
  --color-base-200: oklch(13.86% 0.038 332.62);
  --color-base-300: oklch(11.22% 0.031 332.62);
  --color-base-content: oklch(74.8% 0.26 342.55);
}

[data-theme="cyberpunk"] {
  --color-primary: oklch(81.87% 0.292 71.76);
  --color-secondary: oklch(69.71% 0.329 332.62);
  --color-accent: oklch(74.51% 0.167 183.61);
  --color-neutral: oklch(17.18% 0.038 71.76);
  --color-base-100: oklch(100% 0 0);
  --color-base-200: oklch(96.27% 0.019 71.76);
  --color-base-300: oklch(87.73% 0.069 71.76);
  --color-base-content: oklch(17.18% 0.038 71.76);
}

[data-theme="fantasy"] {
  --color-primary: oklch(65.69% 0.196 342.55);
  --color-secondary: oklch(74.8% 0.26 342.55);
  --color-accent: oklch(76.76% 0.184 183.61);
  --color-neutral: oklch(25.32% 0.02 342.55);
  --color-base-100: oklch(100% 0 0);
  --color-base-200: oklch(97.25% 0.007 342.55);
  --color-base-300: oklch(94.51% 0.013 342.55);
  --color-base-content: oklch(25.32% 0.02 342.55);
}

[data-theme="retro"] {
  --color-primary: oklch(76.76% 0.184 183.61);
  --color-secondary: oklch(70.7% 0.108 342.55);
  --color-accent: oklch(76.88% 0.229 30.54);
  --color-neutral: oklch(37.51% 0.045 183.61);
  --color-base-100: oklch(91.85% 0.082 183.61);
  --color-base-200: oklch(87.71% 0.078 183.61);
  --color-base-300: oklch(83.86% 0.074 183.61);
  --color-base-content: oklch(37.51% 0.045 183.61);
} */

/* a {
    @apply underline
} */

/* Quill toolbar styling with high contrast */
.ql-toolbar {
  background: #f3f4f6 !important;
  border: 1px solid #d1d5db !important;
}

[data-theme="dark"] .ql-toolbar,
[data-theme="night"] .ql-toolbar,
[data-theme="synthwave"] .ql-toolbar,
[data-theme="cyberpunk"] .ql-toolbar,
[data-theme="halloween"] .ql-toolbar,
[data-theme="dracula"] .ql-toolbar,
[data-theme="business"] .ql-toolbar,
[data-theme="luxury"] .ql-toolbar,
[data-theme="black"] .ql-toolbar {
  background: #374151 !important;
  border: 1px solid #6b7280 !important;
}

.ql-toolbar .ql-stroke {
  stroke: #374151 !important;
}

[data-theme="dark"] .ql-toolbar .ql-stroke,
[data-theme="night"] .ql-toolbar .ql-stroke,
[data-theme="synthwave"] .ql-toolbar .ql-stroke,
[data-theme="cyberpunk"] .ql-toolbar .ql-stroke,
[data-theme="halloween"] .ql-toolbar .ql-stroke,
[data-theme="dracula"] .ql-toolbar .ql-stroke,
[data-theme="business"] .ql-toolbar .ql-stroke,
[data-theme="luxury"] .ql-toolbar .ql-stroke,
[data-theme="black"] .ql-toolbar .ql-stroke {
  stroke: #f9fafb !important;
}

.ql-toolbar .ql-fill {
  fill: #374151 !important;
}

[data-theme="dark"] .ql-toolbar .ql-fill,
[data-theme="night"] .ql-toolbar .ql-fill,
[data-theme="synthwave"] .ql-toolbar .ql-fill,
[data-theme="cyberpunk"] .ql-toolbar .ql-fill,
[data-theme="halloween"] .ql-toolbar .ql-fill,
[data-theme="dracula"] .ql-toolbar .ql-fill,
[data-theme="business"] .ql-toolbar .ql-fill,
[data-theme="luxury"] .ql-toolbar .ql-fill,
[data-theme="black"] .ql-toolbar .ql-fill {
  fill: #f9fafb !important;
}

.ql-toolbar button {
  color: #374151 !important;
}

[data-theme="dark"] .ql-toolbar button,
[data-theme="night"] .ql-toolbar button,
[data-theme="synthwave"] .ql-toolbar button,
[data-theme="cyberpunk"] .ql-toolbar button,
[data-theme="halloween"] .ql-toolbar button,
[data-theme="dracula"] .ql-toolbar button,
[data-theme="business"] .ql-toolbar button,
[data-theme="luxury"] .ql-toolbar button,
[data-theme="black"] .ql-toolbar button {
  color: #f9fafb !important;
}

.ql-toolbar button:hover {
  background-color: #e5e7eb !important;
}

[data-theme="dark"] .ql-toolbar button:hover,
[data-theme="night"] .ql-toolbar button:hover,
[data-theme="synthwave"] .ql-toolbar button:hover,
[data-theme="cyberpunk"] .ql-toolbar button:hover,
[data-theme="halloween"] .ql-toolbar button:hover,
[data-theme="dracula"] .ql-toolbar button:hover,
[data-theme="business"] .ql-toolbar button:hover,
[data-theme="luxury"] .ql-toolbar button:hover,
[data-theme="black"] .ql-toolbar button:hover {
  background-color: #4b5563 !important;
}

.ql-toolbar button.ql-active {
  background-color: #3b82f6 !important;
  color: #ffffff !important;
}

.ql-toolbar button.ql-active .ql-stroke {
  stroke: #ffffff !important;
}

.ql-toolbar button.ql-active .ql-fill {
  fill: #ffffff !important;
}

.ql-toolbar .ql-picker-label {
  color: #374151 !important;
}

[data-theme="dark"] .ql-toolbar .ql-picker-label,
[data-theme="night"] .ql-toolbar .ql-picker-label,
[data-theme="synthwave"] .ql-toolbar .ql-picker-label,
[data-theme="cyberpunk"] .ql-toolbar .ql-picker-label,
[data-theme="halloween"] .ql-toolbar .ql-picker-label,
[data-theme="dracula"] .ql-toolbar .ql-picker-label,
[data-theme="business"] .ql-toolbar .ql-picker-label,
[data-theme="luxury"] .ql-toolbar .ql-picker-label,
[data-theme="black"] .ql-toolbar .ql-picker-label {
  color: #f9fafb !important;
}

/* Quill custom font families */
.ql-font-almendra {
  font-family: 'Almendra', serif;
}

.ql-font-peralta {
  font-family: 'Peralta', cursive;
}

.ql-font-orbitron {
  font-family: 'Orbitron', monospace;
}

.ql-font-aladin {
  font-family: 'Aladin', cursive;
}

.ql-font-roboto {
  font-family: 'Roboto', sans-serif;
}

.ql-font-black-ops-one {
  font-family: 'Black Ops One', cursive;
}

.ql-font-sarala {
  font-family: 'Sarala', sans-serif;
}

/* Font options in toolbar dropdown */
.ql-picker.ql-font .ql-picker-label[data-value="almendra"]::before,
.ql-picker.ql-font .ql-picker-item[data-value="almendra"]::before {
  content: 'Almendra' !important;
  font-family: 'Almendra', serif !important;
}

.ql-picker.ql-font .ql-picker-label[data-value="peralta"]::before,
.ql-picker.ql-font .ql-picker-item[data-value="peralta"]::before {
  content: 'Peralta' !important;
  font-family: 'Peralta', cursive !important;
}

.ql-picker.ql-font .ql-picker-label[data-value="orbitron"]::before,
.ql-picker.ql-font .ql-picker-item[data-value="orbitron"]::before {
  content: 'Orbitron' !important;
  font-family: 'Orbitron', monospace !important;
}

.ql-picker.ql-font .ql-picker-label[data-value="aladin"]::before,
.ql-picker.ql-font .ql-picker-item[data-value="aladin"]::before {
  content: 'Aladin' !important;
  font-family: 'Aladin', cursive !important;
}

.ql-picker.ql-font .ql-picker-label[data-value="roboto"]::before,
.ql-picker.ql-font .ql-picker-item[data-value="roboto"]::before {
  content: 'Roboto' !important;
  font-family: 'Roboto', sans-serif !important;
}

.ql-picker.ql-font .ql-picker-label[data-value="black-ops-one"]::before,
.ql-picker.ql-font .ql-picker-item[data-value="black-ops-one"]::before {
  content: 'Black Ops One' !important;
  font-family: 'Black Ops One', cursive !important;
}

.ql-picker.ql-font .ql-picker-label[data-value="sarala"]::before,
.ql-picker.ql-font .ql-picker-item[data-value="sarala"]::before {
  content: 'Sarala' !important;
  font-family: 'Sarala', sans-serif !important;
}

/* Thread flex chain through Quill's generated markup */
#note_content {
  flex: 1;
  min-height: 0;
  height: auto !important; /* override Quill's height: 100% */
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

#note_content .ql-editor {
  flex: 1;
  min-height: 0;
  height: auto !important; /* override Quill's height: 100% */
  overflow-y: auto;
}

/* Pagy pagination styling with DaisyUI */
nav.pagy {
  @apply join;
}

nav.pagy a {
  @apply join-item btn btn-sm rounded-sm;
}

nav.pagy a[aria-current="page"] {
  @apply join-item btn btn-sm btn-active rounded-sm;
}

nav.pagy a[aria-disabled="true"] {
  @apply join-item btn btn-sm btn-disabled rounded-sm;
}

/*

@layer components {
  .btn-primary {
    @apply py-2 px-4 bg-blue-200;
  }
}

*/