/* Margenradar brand foundation — shared by the public site and product UI */
:root {
  color-scheme: light;
  --brand-paper: #f3f1e9;
  --brand-paper-deep: #e7e4d9;
  --brand-paper-light: #fbfaf5;
  --brand-white: #fffef9;
  --brand-ink: #14231d;
  --brand-ink-soft: #52615b;
  --brand-ink-faint: #5f6c66;
  --brand-forest: #173e32;
  --brand-forest-deep: #0d2a21;
  --brand-forest-light: #285747;
  --brand-signal: #ccdc69;
  --brand-signal-soft: #e5edb3;
  --brand-danger: #a9543c;
  --brand-warning: #9a6a2c;
  --brand-success: #34775d;
  --brand-info: #41685b;
  --brand-line: rgba(20, 35, 29, .14);
  --brand-line-strong: rgba(20, 35, 29, .24);
  --brand-line-inverse: rgba(255, 255, 255, .16);
  --brand-display: "Avenir Next", Avenir, "Helvetica Neue", Arial, sans-serif;
  --brand-serif: "Iowan Old Style", Baskerville, "Times New Roman", serif;
  --brand-mono: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
  --brand-ease-out: cubic-bezier(.23, 1, .32, 1);
  --brand-ease-in-out: cubic-bezier(.77, 0, .175, 1);
  --brand-ease-drawer: cubic-bezier(.32, .72, 0, 1);
  --brand-duration-press: 160ms;
  --brand-duration-ui: 220ms;
  --brand-duration-exit: 140ms;
  --brand-shadow-soft: 0 18px 54px rgba(13, 42, 33, .08);
  --brand-shadow-raised: 0 28px 80px rgba(13, 42, 33, .14), 0 6px 20px rgba(13, 42, 33, .07);
  --brand-shadow-overlay: 0 24px 70px rgba(13, 42, 33, .2);
  --brand-grain: url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.42'/%3E%3C/svg%3E");
}