/* HorseAI Design System — CSS custom properties.
   No rules here, tokens only. All components import this file. */

:root {
  /* Backgrounds */
  --bg:          #ffffff;
  --bg-surface:  #f7f7f5;
  --bg-deep:     #f0efe9;

  /* Text */
  --text:        #1a1a18;
  --text-muted:  #6b6b67;
  --text-hint:   #9e9d99;

  /* Borders */
  --border:        rgba(0, 0, 0, 0.10);
  --border-strong: rgba(0, 0, 0, 0.20);

  /* Green */
  --green:       #1D9E75;
  --green-light: #E1F5EE;
  --green-dark:  #085041;

  /* Amber */
  --amber:       #EF9F27;
  --amber-light: #FAEEDA;

  /* Red */
  --red:         #E24B4A;
  --red-light:   #FCEBEB;

  /* Purple */
  --purple:      #7F77DD;
  --purple-light:#EEEDFE;
  --purple-dark: #3C3489;

  /* Blue */
  --blue:        #378ADD;
  --blue-light:  #E6F1FB;

  /* Semantic aliases used by quinte-card and race-card */
  --color-quinte:  var(--purple);
  --bg-quinte:     var(--purple-light);
  --color-general: var(--green);

  /* Radii */
  --radius-sm:   6px;
  --radius-md:   10px;
  --radius-lg:   14px;

  /* Typography */
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;
  font-weight: 400;
}