/* Doove KIS — design tokens
 *
 * Canonical token definitions for the KIS UI. Imported at the top of
 * site.css. Values mirror the historically hardcoded literals, so adopting
 * these variables does not change rendered output — it centralizes the brand.
 *
 * The brand primary is the KIS orange (#F47922); the same value is set as
 * --kendo-color-primary in the customized Telerik theme (Kis5Telerik.css).
 *
 * A tokens-only mirror of this set is exported for Claude Design in
 * /ds-bundle (see .design-sync/).
 */
:root {
  /* ---- Brand ---- */
  --kis-color-primary: #F47922;
  --kis-color-primary-hover: #F47922;
  --kis-color-primary-active: #F47922;
  --kis-color-primary-subtle: #ffeceb;   /* tinted primary background */
  --kis-color-primary-emphasis: #ff9d97;
  --kis-color-primary-alt: #f68e1e;       /* secondary orange (mrsa accent) */
  --kis-color-primary-soft: #fbcaa7;      /* light orange (omruilbar) */

  /* ---- Neutrals (light -> dark) ---- */
  --kis-color-white: #ffffff;
  --kis-color-surface: #ffffff;
  --kis-color-surface-muted: #f8f8f8;     /* kislabel / tabstrip background */
  --kis-color-surface-subtle: #eeeeee;    /* graybackground / disabled */
  --kis-color-border: #dddddd;
  --kis-color-border-alt: #dee2e6;        /* fieldset border */
  --kis-color-neutral-300: #cccccc;
  --kis-color-neutral-500: #a0a0a0;       /* disabled menu link */
  --kis-color-neutral-700: #555555;       /* acc footer */
  --kis-color-neutral-800: #424242;       /* disabled text */
  --kis-color-black: #000000;

  /* ---- Semantic ---- */
  --kis-color-error: #ff0000;             /* backend error */
  --kis-color-danger: red;                /* validation / error text */
  --kis-color-success: #26b050;           /* valid.modified outline */
  --kis-color-info: #1b6ec2;              /* btn-primary */
  --kis-color-info-border: #1861ac;
  --kis-color-highlight: #80aaff;         /* markeer (selected row) */
  --kis-color-hover-row: #ededed;         /* grid row hover */

  /* ---- On-color text ---- */
  --kis-color-on-primary: #ffffff;
  --kis-color-on-surface: #000000;

  /* ---- Shadows ---- */
  --kis-shadow-card: 0 .1rem 1rem rgba(0,0,0,.25);
  --kis-shadow-window: 0 .5rem 1rem rgba(0,0,0,.15);
  --kis-shadow-footer: 0px -10px 21px -11px rgba(0,0,0,0.43);

  /* ---- Typography ---- */
  --kis-font-family-base: 'Nunito Sans';
  --kis-font-weight-normal: 400;
  --kis-font-weight-bold: 700;
  --kis-line-height-base: 1.4285714286;

  /* ---- Radius ---- */
  --kis-radius-none: 0;
  --kis-radius-xs: 2px;    /* kislabel */
  --kis-radius-sm: 4px;    /* fieldset */
  --kis-radius-lg: .6rem;  /* cards, windows, grid, pager (house rounding) */
}