/*
 * 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.
*/

/* Base font family for Geist Mono */
:root { --font-ui: "Geist Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; }
html, body { font-family: var(--font-ui); font-optical-sizing: auto; }

/* Staff-gated UI accents */
.staff-gated { background-color: #FFF4E5; }
body.staff-page { background-color: #FFF4E5; }
.dark .staff-gated { background-color: rgba(251, 191, 36, 0.1); }
.dark body.staff-page { background-color: #1e293b; }

/* Global link styles - classic blue underlined, cyan in dark mode */
a:not([class*="rounded"]):not([class*="btn"]):not([class*="button"]):not([class*="bg-"]):not([class*="no-underline"]) {
  color: #2563eb; /* blue-600 */
  text-decoration: underline;
}

a:not([class*="rounded"]):not([class*="btn"]):not([class*="button"]):not([class*="bg-"]):not([class*="no-underline"]):hover {
  color: #1d4ed8; /* blue-700 */
}

/* Dark mode link colors - soft cyan for better contrast */
.dark a:not([class*="rounded"]):not([class*="btn"]):not([class*="button"]):not([class*="bg-"]):not([class*="no-underline"]) {
  color: #67e8f9; /* cyan-300 */
}

.dark a:not([class*="rounded"]):not([class*="btn"]):not([class*="button"]):not([class*="bg-"]):not([class*="no-underline"]):hover {
  color: #a5f3fc; /* cyan-200 */
}