/* Toshin Group — Color tokens
   Brand: indigo wordmark (#3E4095) + red forward-arrow (#ED3237).
   Sampled directly from the master logo. Corporate, trustworthy, industrial. */
:root {
  /* ---- Brand: Indigo (primary) ---- */
  --indigo-900: #1C1E4A;
  --indigo-800: #262a63;
  --indigo-700: #30357d;
  --indigo-600: #3E4095; /* core brand indigo (logo) */
  --indigo-500: #4a4dad;
  --indigo-400: #6e72c2;
  --indigo-300: #9a9dd6;
  --indigo-200: #c7c9e8;
  --indigo-100: #e6e7f5;
  --indigo-50:  #f3f3fb;

  /* ---- Brand: Red (accent / forward-motion) ---- */
  --red-700: #b81d22;
  --red-600: #d12329;
  --red-500: #ED3237; /* core brand red (logo arrow) */
  --red-400: #f15a5e;
  --red-200: #f9c2c4;
  --red-100: #fde1e2;
  --red-50:  #fef2f2;

  /* ---- Neutrals (cool steel grays — freight/industrial) ---- */
  --ink-900: #14161f; /* near-black headings */
  --ink-800: #1f2230;
  --ink-700: #353a4d;
  --ink-600: #4d5266;
  --gray-500: #6b7185;
  --gray-400: #9499a8;
  --gray-300: #c3c7d1;
  --gray-200: #e1e3ea;
  --gray-150: #eceef2;
  --gray-100: #f4f5f8;
  --gray-50:  #fafbfc;
  --white: #ffffff;

  /* ---- Semantic ---- */
  --success-500: #1f9d57;
  --success-50:  #e9f7ef;
  --warning-500: #e0921a;
  --warning-50:  #fdf3e1;
  --danger-500:  #d12329;
  --danger-50:   #fdeaea;
  --info-500:    #2f6fdb;
  --info-50:     #e9f1fd;

  /* ======================================================
     Semantic aliases — reference these in components
     ====================================================== */
  --brand-primary: var(--indigo-600);
  --brand-primary-strong: var(--indigo-700);
  --brand-accent: var(--red-500);
  --brand-accent-strong: var(--red-600);

  --text-strong: var(--ink-900);
  --text-body: var(--ink-700);
  --text-muted: var(--gray-500);
  --text-faint: var(--gray-400);
  --text-on-brand: var(--white);
  --text-inverse: var(--white);
  --text-link: var(--indigo-600);

  --surface-page: var(--gray-50);
  --surface-card: var(--white);
  --surface-sunken: var(--gray-100);
  --surface-brand: var(--indigo-600);
  --surface-brand-deep: var(--indigo-900);
  --surface-inverse: var(--ink-900);

  --border-subtle: var(--gray-200);
  --border-default: var(--gray-300);
  --border-strong: var(--gray-400);
  --border-brand: var(--indigo-600);

  --focus-ring: var(--indigo-400);
}