/* ============================================================
   Bosch Web Design System — Color Tokens (semantic layer)
   Hand-curated aliases over the full Figma variable extraction
   in fig-tokens.css. Values = Bosch "primary" scheme, light.
   ============================================================ */

:root {
  /* ---- Brand / raw palette ---------------------------------- */
  --bds-blue: #007bc0;          /* Bosch signature blue (accent major) */
  --bds-blue-50: #e0f1fc;
  --bds-blue-25: #d1e4ff;       /* note/info minor surface */
  --bds-dark-blue: #00629a;     /* hover */
  --bds-deep-blue: #004975;     /* pressed */
  --bds-darkest-blue: #003b5c;

  --bds-black: #000000;
  --bds-white: #ffffff;

  /* Bosch grey ramp (neutral) */
  --bds-grey-90: #1a1c1d;
  --bds-grey-80: #2e3033;
  --bds-grey-70: #43464a;
  --bds-grey-60: #595e62;
  --bds-grey-50: #71767c;       /* base major fill */
  --bds-grey-40: #979ea4;       /* disabled front / hint */
  --bds-grey-30: #b2b9c0;
  --bds-grey-25: #c1c7cc;
  --bds-grey-20: #d1d4d7;
  --bds-grey-15: #e0e2e5;       /* disabled fill / divider */
  --bds-grey-10: #eff1f2;       /* plain minor surface */
  --bds-grey-05: #f7f8f8;

  /* Signal colors */
  --bds-red: #ed0007;           /* error */
  --bds-red-hover: #be0004;
  --bds-red-pressed: #920002;
  --bds-red-minor: #ffd9d9;
  --bds-green: #00884a;         /* success */
  --bds-green-minor: #b8efc9;
  --bds-yellow: #ffcf00;        /* warning */
  --bds-yellow-minor: #ffdf95;

  /* Bosch supergraphic accent ramp (M/E magenta→blue→green→red→turquoise) */
  --bds-purple: #9e2896;        /* magenta */
  --bds-violet: #50237f;
  --bds-turquoise: #18837e;

  /* ---- Semantic: surfaces ----------------------------------- */
  --bds-background: var(--bds-white);
  --bds-surface: var(--bds-white);
  --bds-surface-subtle: var(--bds-grey-10);
  --bds-surface-muted: var(--bds-grey-15);
  --bds-surface-inverse: var(--bds-black);

  /* ---- Semantic: text (front) ------------------------------- */
  --bds-text: var(--bds-black);
  --bds-text-secondary: var(--bds-grey-50);
  --bds-text-muted: var(--bds-grey-40);
  --bds-text-on-accent: var(--bds-white);
  --bds-text-on-dark: var(--bds-white);
  --bds-text-link: var(--bds-blue);

  /* ---- Semantic: borders ------------------------------------ */
  --bds-border: var(--bds-grey-15);
  --bds-border-strong: var(--bds-grey-50);
  --bds-border-input: var(--bds-grey-50);
  --bds-divider: var(--bds-grey-15);

  /* ---- Semantic: interactive (accent/brand) ----------------- */
  --bds-accent: var(--bds-blue);
  --bds-accent-hover: var(--bds-dark-blue);
  --bds-accent-pressed: var(--bds-deep-blue);
  --bds-accent-front: var(--bds-white);

  /* Neutral (secondary) action */
  --bds-neutral: var(--bds-grey-50);
  --bds-neutral-hover: var(--bds-grey-60);
  --bds-neutral-pressed: var(--bds-grey-70);

  /* Disabled */
  --bds-disabled-fill: var(--bds-grey-15);
  --bds-disabled-front: var(--bds-grey-40);

  /* ---- Semantic: status ------------------------------------- */
  --bds-error: var(--bds-red);
  --bds-error-surface: var(--bds-red-minor);
  --bds-success: var(--bds-green);
  --bds-success-surface: var(--bds-green-minor);
  --bds-warning: var(--bds-yellow);
  --bds-warning-surface: var(--bds-yellow-minor);
  --bds-info: var(--bds-blue);
  --bds-info-surface: var(--bds-blue-25);

  /* Focus ring (Bosch uses a purple focus outline) */
  --bds-focus-ring: #7b61ff;
}