/*
 * 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=Geist:wght@400;500;600&family=Geist+Mono:wght@400;500&family=Instrument+Serif:ital@0;1&display=swap');

:root {
  --recall-paper:      #F6F2EA;
  --recall-paper2:     #EFEAE0;
  --recall-paper3:     #E6DFD2;
  --recall-ink:        #1F1B17;
  --recall-ink2:       #4A433C;
  --recall-ink3:       #7A7068;
  --recall-jade:       oklch(0.55 0.08 165);
  --recall-jade-soft:  oklch(0.92 0.04 165);
  --recall-jade-ink:   oklch(0.35 0.07 165);
  --recall-amber:      oklch(0.78 0.10 75);
  --recall-amber-soft: oklch(0.94 0.05 80);
  --recall-blue:       oklch(0.66 0.08 235);
  --recall-blue-soft:  oklch(0.93 0.04 235);
  --recall-rule-light: rgba(31,27,23,0.18);
  --recall-rule-very:  rgba(31,27,23,0.10);
}