/**
 * DogMen brand tokens
 * Source: dogmen.co.il Webflow CSS (:root), pulled 2026-09-05.
 * Prefer these variables over hard-coded colors in product UI.
 */

:root {
  /* Core (from live site) */
  --off-white: #fffbe9;
  --midnight-blue: #1b1464;
  --white: #ffffff;
  --black: #000000;

  /* Blues */
  --dodger-blue: #0086ee;
  --deep-sky-blue: #00adee;
  --sky-blue: #06d4fb;
  --royal-blue: #045fff;
  --steel-blue: #1472cd;
  --blue: #582ce7;
  --midnight-blue-2: #351547;
  --midnight-blue-3: #1c0c65;
  --midnight-blue-4: #1d0c66;
  --midnight-blue-5: #1d0c66;
  --dark-slate-blue: #3e4d60;
  --dark-slate-blue-2: #123867;

  /* Accents */
  --medium-aquamarine: #1cc098;
  --lime-green: #6fd23f;
  --dark-orchid: #b123df;
  --goldenrod: #f7c243;
  --goldenrod-2: #f0b506;
  --salmon: #f87164;
  --red: #ec4526;
  --saddle-brown: #61330d;

  /* Neutrals */
  --dim-grey: #696f73;
  --light-grey: #d2d2d8;
  --light-grey-2: #d1d8e1;
  --ghost-white: #f1f1f5;
  --ghost-white-2: #f1f1f5;
  --misty-rose: #fae2e2;

  /* Semantic aliases for product UI */
  --color-bg: var(--off-white);
  --color-surface: var(--white);
  --color-text: var(--midnight-blue);
  --color-text-muted: var(--dim-grey);
  --color-text-secondary: var(--dark-slate-blue);
  --color-border: var(--light-grey-2);
  --color-primary: var(--midnight-blue);
  --color-primary-hover: var(--midnight-blue-3);
  --color-accent: var(--dodger-blue);
  --color-success: var(--medium-aquamarine);
  --color-danger: var(--red);
  --color-danger-soft: var(--salmon);

  /* Type — family name matches dogmen.co.il Webflow */
  --font-brand: "Almoni dl aaa", "Arial Hebrew", Arial, sans-serif;

  /* Shape — matches site pill CTAs */
  --radius-pill: 40px;
  --radius-button: 30px;
  --radius-card: 24px;
  --radius-input: 16px;

  /* Elevation */
  --shadow-card: 0 18px 40px rgba(27, 20, 100, 0.08);
}