/*
 * This is a manifest file that'll be compiled into application.css.
 *
 * With Propshaft, assets are served efficiently without preprocessing steps. You can still include
 * application-wide styles in this file, but keep in mind that CSS precedence will follow the standard
 * cascading order, meaning styles declared later in the document or manifest will override earlier ones,
 * depending on specificity.
 *
 * Consider organizing styles into separate files for maintainability.
 */

@import "xterm.css";

/* Add these CSS custom properties to your stylesheet */

:root {
  --icon-primary: oklch(0.51 0.21 276);    /* primary-500 */
  --icon-success: oklch(0.68 0.20 145);    /* success-500 */
  --icon-warning: oklch(0.78 0.17 71);    /* warning-500 */
  --icon-danger: oklch(0.62 0.22 30);     /* danger-500 */
  --icon-neutral: #6b7280;    /* gray-500 */
}

/* Utility classes that use these variables */
.icon-primary {
  fill: var(--icon-primary);
  stroke: var(--icon-primary);
}

.icon-success {
  fill: var(--icon-success);
  stroke: var(--icon-success);
}

.icon-warning {
  fill: var(--icon-warning);
  stroke: var(--icon-warning);
}

.icon-danger {
  fill: var(--icon-danger);
  stroke: var(--icon-danger);
}

.icon-neutral {
  fill: var(--icon-neutral);
  stroke: var(--icon-neutral);
}