/* brand.css: Screeny kit v1 (95f71b854872), generated from the applied brand kit */

:root:root {
  --color-primary: #C81927;
  --color-primary-dark: #A01420;
  --color-ink: #1B1B1B;
  --color-surface: #FFFFFF;
  --color-sand: #F1EBE6;
  --color-accent: #1B1B1B;
  --color-success: #1F7A3D;
  --color-warning: #B25A00;
  --color-danger: #B3261E;
  --font-display: "DM Serif Display", system-ui, sans-serif;
  --font-body: "Public Sans", system-ui, sans-serif;
  --font-mono: "JetBrains Mono", ui-monospace, monospace;
  --brand-bg-image: url(/_brand/assets/background);
  --color-ruby: var(--color-primary);
  --color-ruby-dark: var(--color-primary-dark);
  --color-ruby-deep: color-mix(in srgb, var(--color-primary-dark) 80%, #000000);
  --color-ruby-soft: color-mix(in srgb, var(--color-primary) 10%, var(--color-surface));
  --color-sand-2: color-mix(in srgb, var(--color-sand) 95%, var(--color-ink));
  --color-sand-dark: color-mix(in srgb, var(--color-sand) 88%, var(--color-ink));
  --color-paper: color-mix(in srgb, var(--color-surface) 60%, var(--color-sand));
  --color-white: var(--color-surface);
  --color-black: var(--color-ink);
  --color-charcoal: color-mix(in srgb, var(--color-ink) 92%, var(--color-surface));
  --color-char-2: color-mix(in srgb, var(--color-ink) 85%, var(--color-surface));
  --color-dark: color-mix(in srgb, var(--color-ink) 80%, var(--color-surface));
  --color-muted: color-mix(in srgb, var(--color-ink) 68%, var(--color-surface));
  --color-border: color-mix(in srgb, var(--color-ink) 14%, var(--color-surface));
  --color-line: color-mix(in srgb, var(--color-ink) 12%, var(--color-surface));
  --color-rule: var(--color-charcoal);
  --color-rule-soft: color-mix(in srgb, var(--color-ink) 22%, var(--color-sand));
  --color-success-soft: color-mix(in srgb, var(--color-success) 12%, var(--color-surface));
  --color-warning-soft: color-mix(in srgb, var(--color-warning) 12%, var(--color-surface));
  --color-good: var(--color-success);
  --color-good-soft: color-mix(in srgb, var(--color-success) 12%, var(--color-surface));
  --color-warn: var(--color-warning);
  --color-warn-soft: color-mix(in srgb, var(--color-warning) 12%, var(--color-surface));
  --color-bad: var(--color-danger);
  --color-bad-soft: color-mix(in srgb, var(--color-danger) 12%, var(--color-surface));
  --color-money: var(--color-success);
  --color-money-ink: color-mix(in srgb, var(--color-success) 75%, var(--color-ink));
  --color-money-soft: color-mix(in srgb, var(--color-success) 12%, var(--color-surface));
  --color-emerald: var(--color-success);
  --color-amber: var(--color-warning);
  --color-moss: var(--color-accent);
  --color-moss-dim: color-mix(in srgb, var(--color-accent) 15%, var(--color-surface));
  --font-family-sans: var(--font-body);
  --font-family-display: var(--font-display);
  --font-family-mono: var(--font-mono);
  --font-sans: var(--font-body);
}