/*
 * brand-tokens.css
 * Single source of truth for Obrari brand colors.
 *
 * Read by:
 *   - tailwind.config.js       (builds the brand and honey color scales from this file)
 *   - app/services/brand_palette.py  (the OG image and badge/widget generators draw from this)
 *   - app/templates/base.html  (custom utilities reference these vars instead of literal hex)
 *
 * Change a color here and every surface follows: the site CSS on the next Tailwind
 * compile, and every server-rendered image on its next draw. No hex is hardcoded
 * anywhere downstream.
 *
 * brand  = canonical mulberry (#612a4a at 500).
 * honey  = deprecated alias, identical values to brand via this bridge.
 *          Do not use honey-* on new work; it exists only so the legacy class
 *          references render mulberry until they are renamed to brand-*.
 *
 * Hex vars are for solid fills. The *-rgb channel vars are for rgba()/opacity uses
 * (shadows, 10% tints); their format is space-separated "R G B" so they can be used
 * as rgb(var(--brand-500-rgb) / <alpha>).
 */
:root {
  /* brand (canonical mulberry) */
  --brand-50:  #f8f3f6;
  --brand-100: #eedde7;
  --brand-200: #dbbccd;
  --brand-300: #bf8dab;
  --brand-400: #955a7d;
  --brand-500: #612a4a;
  --brand-600: #4f223c;
  --brand-700: #401b30;
  --brand-800: #301425;
  --brand-900: #200d19;
  --brand:     #612a4a;

  /* channel companions for rgba()/opacity uses */
  --brand-500-rgb: 97 42 74;
  --brand-700-rgb: 64 27 48;

  /* honey (deprecated alias; identical to brand) */
  --honey-50:  #f8f3f6;
  --honey-100: #eedde7;
  --honey-200: #dbbccd;
  --honey-300: #bf8dab;
  --honey-400: #955a7d;
  --honey-500: #612a4a;
  --honey-600: #4f223c;
  --honey-700: #401b30;
  --honey-800: #301425;
}