/* Oak & Gable brand for Twenty CRM, injected by Caddy (tools/postiz/Caddyfile). Twenty keeps its theme in
   --t-* variables on html.light / html.dark; these override colours and fonts only, so an upgrade at worst
   falls back to Twenty's own look. Check it after every Twenty upgrade. */
@import url("https://fonts.googleapis.com/css2?family=Playfair+Display:wght@500;600&family=Inter:wght@400;500;600&display=swap");

html.light:root, html.light {
  --t-font-family: Inter, sans-serif;
  /* Paper and ink */
  --t-background-primary: #fffdf8;
  --t-background-secondary: #fbf6ea;
  --t-background-tertiary: #f3ecdc;
  --t-background-quaternary: #e8dec7;
  --t-font-color-primary: #22190f;
  --t-font-color-secondary: #57472f;
  --t-font-color-tertiary: #85745a;
  --t-font-color-light: #a39880;
  --t-font-color-extra-light: #c9b998;
  --t-border-color-light: #ede4d2;
  --t-border-color-medium: #e3d8c2;
  --t-border-color-strong: #d4c5a8;
  --t-background-primary-inverted: #22190f;
  /* Brass and rust accent (Twenty's "blue" scale) */
  --t-color-blue: #a5582a; --t-color-blue1: #fdfaf4; --t-color-blue2: #faf3e6; --t-color-blue3: #f5e8d0;
  --t-color-blue4: #efdcbc; --t-color-blue5: #e7cda4; --t-color-blue6: #ddbb88; --t-color-blue7: #cfa56a;
  --t-color-blue8: #be8d4f; --t-color-blue9: #a5582a; --t-color-blue10: #934c23; --t-color-blue11: #7a3f1d; --t-color-blue12: #3d2210;
  --t-accent-accent1: #fdfaf4; --t-accent-accent2: #faf3e6; --t-accent-accent3: #f5e8d0; --t-accent-accent4: #efdcbc;
  --t-accent-accent5: #e7cda4; --t-accent-accent6: #ddbb88; --t-accent-accent7: #cfa56a; --t-accent-accent8: #be8d4f;
  --t-accent-accent9: #a5582a; --t-accent-accent10: #934c23; --t-accent-accent11: #7a3f1d; --t-accent-accent12: #3d2210;
  --t-accent-accent3570: #be8d4f; --t-accent-accent4060: #be8d4f;
  --t-accent-primary: #e7cda4; --t-accent-secondary: #e7cda4; --t-accent-tertiary: #f5e8d0; --t-accent-quaternary: #faf3e6;
  --t-border-color-blue: #cfa56a;
  --t-background-transparent-blue: #a5582a14;
}

html.dark:root, html.dark {
  --t-font-family: Inter, sans-serif;
  --t-background-primary: #17120d;
  --t-background-secondary: #1e1810;
  --t-background-tertiary: #241c13;
  --t-background-quaternary: #2a2116;
  --t-font-color-primary: #f2ead7;
  --t-font-color-secondary: #c9b998;
  --t-font-color-tertiary: #a39880;
  --t-font-color-light: #8f8266;
  --t-font-color-extra-light: #6f6450;
  --t-border-color-light: #2a2116;
  --t-border-color-medium: #33291c;
  --t-border-color-strong: #4a3b28;
  --t-background-primary-inverted: #f2ead7;
  --t-color-blue: #d99a5b; --t-color-blue1: #1b140d; --t-color-blue2: #221a11; --t-color-blue3: #2f2416;
  --t-color-blue4: #3b2c1a; --t-color-blue5: #4a3720; --t-color-blue6: #5c4427; --t-color-blue7: #75552f;
  --t-color-blue8: #9a6f3d; --t-color-blue9: #d99a5b; --t-color-blue10: #e0a96f; --t-color-blue11: #e9be8d; --t-color-blue12: #f6e3c9;
  --t-accent-accent1: #1b140d; --t-accent-accent2: #221a11; --t-accent-accent3: #2f2416; --t-accent-accent4: #3b2c1a;
  --t-accent-accent5: #4a3720; --t-accent-accent6: #5c4427; --t-accent-accent7: #75552f; --t-accent-accent8: #9a6f3d;
  --t-accent-accent9: #d99a5b; --t-accent-accent10: #e0a96f; --t-accent-accent11: #e9be8d; --t-accent-accent12: #f6e3c9;
  --t-accent-accent3570: #9a6f3d; --t-accent-accent4060: #9a6f3d;
  --t-accent-primary: #4a3720; --t-accent-secondary: #4a3720; --t-accent-tertiary: #2f2416; --t-accent-quaternary: #221a11;
  --t-border-color-blue: #75552f;
  --t-background-transparent-blue: #d99a5b1f;
}

/* Brand headings on the sign-in pages */
h1, h2 { font-family: "Playfair Display", Georgia, serif !important; font-weight: 600 !important; letter-spacing: 0 !important; }