/*
 * This is a manifest file that'll be compiled into application.css.
 *
 * With Propshaft, assets are served efficiently without preprocessing steps. You can still include
 * application-wide styles in this file, but keep in mind that CSS precedence will follow the standard
 * cascading order, meaning styles declared later in the document or manifest will override earlier ones,
 * depending on specificity.
 *
 * Consider organizing styles into separate files for maintainability.
 */

@import url('https://fonts.googleapis.com/css2?family=Instrument+Sans:ital,wght@0,400;0,500;0,600;1,400&family=Lora:ital,wght@0,400;0,500;1,400&family=JetBrains+Mono:wght@400;500&family=Libre+Franklin:ital,wght@0,400;0,600;0,700;1,400&display=swap');

[data-theme="editorial"] {
  color-scheme: light;
  --color-base-100: oklch(0.98 0.003 80);
  --color-base-200: oklch(0.96 0.007 75);
  --color-base-300: oklch(0.89 0.008 65);
  --color-base-content: oklch(0.14 0 0);
  --color-primary: oklch(0.54 0.065 135);
  --color-primary-content: oklch(0.98 0.003 80);
  --color-secondary: oklch(0.54 0.065 135);
  --color-secondary-content: oklch(0.98 0.003 80);
  --color-accent: oklch(0.54 0.065 135);
  --color-accent-content: oklch(0.98 0.003 80);
  --color-neutral: oklch(0.14 0 0);
  --color-neutral-content: oklch(0.98 0.003 80);
  --color-info: oklch(0.45 0.07 240);
  --color-info-content: oklch(0.98 0.003 80);
  --color-success: oklch(0.54 0.065 135);
  --color-success-content: oklch(0.98 0.003 80);
  --color-warning: oklch(0.82 0.189 84);
  --color-warning-content: oklch(0.14 0 0);
  --color-error: oklch(0.22 0.005 60);
  --color-error-content: oklch(0.98 0.003 80);
  --radius-selector: 0.25rem;
  --radius-field: 0.25rem;
  --radius-box: 0.375rem;
  --size-selector: 0.25rem;
  --size-field: 0.25rem;
  --border: 1px;
  --depth: 0;
  --noise: 0;
}

body {
  font-family: 'Instrument Sans', sans-serif;
}

h1, h2, h3 {
  font-family: 'Libre Franklin', sans-serif;
}

.transcript-text {
  font-family: 'Lora', serif;
}

.transcript-timestamp {
  font-family: 'JetBrains Mono', monospace;
}

.transcript-scrollbar {
  scrollbar-width: thin;
  scrollbar-color: oklch(0.58 0.01 60 / 0.5) transparent;
}

/* Remove browser default outline from DaisyUI inputs - they have their own focus ring */
.input:focus {
  outline: none;
}

/* Clip video content to rounded corners */
.video-js {
  border-radius: var(--radius-box);
  overflow: hidden;
}

/* DaisyUI's file-input color modifier classes don't reliably inherit --btn-color to ::file-selector-button */
.file-input::file-selector-button {
  background-color: var(--color-base-300);
  color: var(--color-base-content);
  border-color: var(--color-base-300);
}

@keyframes alert-fade-out {
  from { opacity: 1; }
  to { opacity: 0; }
}

.alert-dismissing {
  animation: alert-fade-out 0.3s ease-out forwards;
}