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

@font-face {
  font-family: "Cormorant Garamond";
  src: url("/assets/CormorantGaramond-VariableFont_wght-50a96138.ttf") format("truetype-variations");
  font-weight: 300 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Cormorant Garamond";
  src: url("/assets/CormorantGaramond-Italic-VariableFont_wght-29796d6f.ttf") format("truetype-variations");
  font-weight: 300 700;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "DM Sans";
  src: url("/assets/DMSans-VariableFont_opsz_wght-e5442f61.ttf") format("truetype-variations");
  font-weight: 100 1000;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "DM Sans";
  src: url("/assets/DMSans-Italic-VariableFont_opsz_wght-eb9f1fb7.ttf") format("truetype-variations");
  font-weight: 100 1000;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "JetBrains Mono";
  src: url("/assets/JetBrainsMono-VariableFont_wght-27438e59.ttf") format("truetype-variations");
  font-weight: 100 800;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "JetBrains Mono";
  src: url("/assets/JetBrainsMono-Italic-VariableFont_wght-99e91e3c.ttf") format("truetype-variations");
  font-weight: 100 800;
  font-style: italic;
  font-display: swap;
}

:root {
  --vivum-forest: #2E5339;
  --vivum-deep: #1A3324;
  --vivum-moss: #8BAF8F;
  --vivum-linen: #F5F3EE;
  --vivum-charcoal: #2A2A28;
  --vivum-cork: #C4A97D;
  --vivum-surface: #EFEDE8;
  --vivum-border: #D8D4CB;
  --vivum-font-display: "Cormorant Garamond", Georgia, serif;
  --vivum-font-body: "DM Sans", system-ui, sans-serif;
  --vivum-font-mono: "JetBrains Mono", "Courier New", monospace;
  --vivum-shadow: 0 8px 32px rgba(26, 51, 36, 0.10), 0 2px 8px rgba(26, 51, 36, 0.06);
}

html {
  background: var(--vivum-linen);
  color: var(--vivum-charcoal);
}

body {
  min-height: 100vh;
  background:
    linear-gradient(135deg, rgba(46, 83, 57, 0.08), transparent 28rem),
    var(--vivum-linen);
  color: var(--vivum-charcoal);
  font-family: var(--vivum-font-body);
  font-weight: 350;
}

.vivum-manager {
  background:
    linear-gradient(135deg, rgba(46, 83, 57, 0.10), transparent 30rem),
    var(--vivum-linen);
}

.manager-shell {
  color: var(--vivum-charcoal);
  min-height: 100vh;
}

.manager-sidebar {
  background:
    radial-gradient(circle at top left, rgba(139, 175, 143, 0.16), transparent 18rem),
    var(--vivum-deep);
  box-shadow: 12px 0 32px rgba(26, 51, 36, 0.10);
}

.manager-brand-mark {
  background: var(--vivum-linen);
  border: 1px solid rgba(245, 243, 238, 0.32);
  border-radius: 4px;
  color: var(--vivum-forest);
  font-family: var(--vivum-font-display);
  font-weight: 500;
}

.manager-brand-name {
  font-family: var(--vivum-font-display);
  font-weight: 400;
  letter-spacing: 0.18em;
}

.manager-content {
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.28), transparent 18rem),
    transparent;
}

.manager-content h1,
.manager-content h2,
.manager-content h3 {
  letter-spacing: 0;
}

.manager-content h1 {
  font-family: var(--vivum-font-display);
  font-weight: 400;
}

.manager-content article,
.manager-content section.rounded-lg,
.manager-content form.rounded-lg,
.manager-content nav.rounded-lg,
.manager-content .rounded-lg.bg-white,
.manager-content .rounded-lg.bg-white\/75,
.manager-content .rounded-lg.bg-white\/80 {
  border-color: rgba(216, 212, 203, 0.95);
  border-radius: 6px;
}

.manager-content .shadow-sm {
  box-shadow: 0 2px 10px rgba(26, 51, 36, 0.07);
}

.manager-content input,
.manager-content select,
.manager-content textarea {
  border-radius: 4px;
}

.manager-content input:focus,
.manager-content select:focus,
.manager-content textarea:focus {
  box-shadow: 0 0 0 3px rgba(139, 175, 143, 0.28);
}

.print-show {
  display: none;
}

@media print {
  body {
    background: #fff !important;
    color: var(--vivum-charcoal) !important;
    print-color-adjust: exact !important;
    -webkit-print-color-adjust: exact !important;
  }

  .no-print {
    display: none !important;
  }

  .print-show {
    display: block !important;
  }
}

.notice,
.alert {
  border-radius: 0.375rem;
  padding: 0.75rem 1rem;
  font-weight: 600;
  box-shadow: 0 1.25rem 2.5rem rgba(26, 51, 36, 0.12);
}

.notice {
  background: #f4f8f0;
  border: 1px solid rgba(139, 175, 143, 0.55);
  color: var(--vivum-deep);
}

.alert {
  background: #fff4ee;
  border: 1px solid #e7b9a0;
  color: #7a2e18;
}