/* tokens.css — Team Lemonade skin. Light, lemon-yellow accent, DIN display type. */

@font-face { font-family: "din-2014"; font-weight: 400; font-style: normal; font-display: swap;
  src: url("/fonts/din-2014/DIN-2014_Regular.woff") format("woff"); }
@font-face { font-family: "din-2014"; font-weight: 400; font-style: italic; font-display: swap;
  src: url("/fonts/din-2014/DIN-2014_Italic.woff") format("woff"); }
@font-face { font-family: "din-2014"; font-weight: 600; font-style: normal; font-display: swap;
  src: url("/fonts/din-2014/DIN-2014_Demi.woff") format("woff"); }
@font-face { font-family: "din-2014"; font-weight: 700; font-style: normal; font-display: swap;
  src: url("/fonts/din-2014/DIN-2014_Bold.woff") format("woff"); }

:root {
  --bg:          #ffffff;   /* page */
  --bg-raised:   #fafafa;   /* sidebar, cards, assistant bubble */
  --bg-input:    #f1f2f4;   /* input, hover */
  --border:      #e6e6e6;
  --text:        #14203a;   /* deep navy ink */
  --text-dim:    #5b6675;
  --text-faint:  #9aa3b2;
  --accent:      #ffe300;   /* Team Lemonade yellow — FILLS only (low contrast as text) */
  --accent-ink:  #1b2742;   /* readable stand-in where the accent was used as text/lines */
  --accent-soft: #fff7c2;   /* pale yellow wash */
  --on-accent:   #14203a;   /* text sitting on a yellow fill */
  --user-bubble: #eef0f3;
  --danger:      #e5534b;
  --ok:          #1f9d6b;

  --radius:      14px;
  --radius-sm:   9px;
  --font:        -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  --font-display:"din-2014", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --maxw:        820px;
}