/*
 * 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.
 */

/* Minimal defaults in case Tailwind isn't ready */
:root { color-scheme: dark; }
.demo-canvas {
  width: 100%;
  height: 70vh;
  min-height: 420px;
  display: block;
  position: relative;
}

/* PrismJS minimal dark tweaks */
pre code { display: block; white-space: pre; }
pre { background: #0a0a0a; border: 1px solid #1a1a1a; border-radius: 8px; padding: 12px; overflow: auto; }
code[class*="language-"] { color: #e6ffe1; }
.token.comment, .token.prolog, .token.doctype, .token.cdata { color: #6b8f6a; }
.token.punctuation { color: #a3bfa0; }
.token.property, .token.tag, .token.boolean, .token.number, .token.constant, .token.symbol, .token.deleted { color: #9bdc6e; }
.token.selector, .token.attr-name, .token.string, .token.char, .token.builtin, .token.inserted { color: #a8e47c; }
.token.operator, .token.entity, .token.url { color: #c4d7c2; }
.token.atrule, .token.attr-value, .token.keyword { color: #79bf4d; }
.token.function, .token.class-name { color: #d2f0ce; }
.token.regex, .token.important, .token.variable { color: #d1f4c4; }