/* PrintPulse — design tokens.
   Toshiba brand: red #CC0000 (Pantone 485C) primary, blue #003399 secondary. */

:root {
  /* Brand */
  --tsb-red: #CC0000;
  --tsb-red-dark: #A30000;
  --tsb-red-tint: #FBE8E8;
  --tsb-blue: #003399;
  --tsb-blue-dark: #002A7A;
  --tsb-blue-tint: #E6ECF7;

  /* Neutrals */
  --white: #FFFFFF;
  --black: #14161A;
  --ink: #1D2126;      /* primary text */
  --ink-soft: #4A515B; /* secondary text */
  --muted: #8A909B;    /* tertiary text */
  --line: #E4E7EC;     /* borders */
  --line-strong: #CDD2DA;
  --bg: #F6F7F9;       /* app background */
  --surface: #FFFFFF;  /* cards */
  --surface-2: #F1F3F6;

  /* Feedback */
  --ok: #1B7F4B;
  --warn: #B26A00;
  --err: #CC0000;

  /* Chart palette (color / mono / accents) */
  --c-color: #CC0000;
  --c-mono: #3A3F47;
  --c-blue: #003399;
  --c-blue-2: #4A73C8;
  --c-amber: #E6A100;
  --c-teal: #0E8F86;
  --c-violet: #6C4BB6;

  /* Typography */
  --font: "Manrope", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;

  /* Radii & shadows */
  --r-sm: 8px;
  --r-md: 12px;
  --r-lg: 18px;
  --r-xl: 26px;
  --shadow-sm: 0 1px 2px rgba(20, 22, 26, .06), 0 1px 3px rgba(20, 22, 26, .05);
  --shadow-md: 0 4px 12px rgba(20, 22, 26, .08), 0 2px 4px rgba(20, 22, 26, .05);
  --shadow-lg: 0 18px 48px rgba(20, 22, 26, .14);

  /* Layout */
  --maxw: 1200px;
  --gap: 20px;
}