/* Ormus brand layer for the dojo teaching engine — maps the engine's generic
   --color-* / --font-* tokens onto the Ormus palette from tokens.css, and applies
   the minimalist component treatment. Requires tokens.css to load first; this file
   loads after engine.css so it wins the cascade. Dojo-specific (academy engine).
   Source of truth for the palette itself: packages/design/tokens.css. */

:root {
  /* Remap the engine's tokens onto the Ormus palette (from tokens.css) */
  --color-bg:             var(--obsidian);
  --color-bg-warm:        #0e0e11;
  --color-bg-code:        #15151b;
  --color-text:           var(--parchment);
  --color-text-secondary: #b9b4ac;
  --color-text-muted:     #6f6a63;
  --color-border:         #25252c;
  --color-border-light:   #1b1b21;
  --color-surface:        var(--surface);
  --color-surface-warm:   var(--surface-2);

  --color-accent:         var(--gold);
  --color-accent-hover:   #e0b258;
  --color-accent-light:   #211b0e;   /* dark gold tint for fills */
  --color-accent-muted:   #8a6b2a;

  --color-success:        var(--teal);
  --color-success-light:  #102218;
  --color-error:          #d75a4d;
  --color-error-light:    #241312;
  --color-danger:         #d75a4d;   /* alias used in module markup */
  --color-info:           var(--copper);
  --color-info-light:     #241a10;

  --color-actor-1:        var(--gold);
  --color-actor-2:        var(--copper);
  --color-actor-3:        var(--teal);
  --color-actor-4:        #e0b258;
  --color-actor-5:        var(--teal);

  /* Type — humanist sans, no display serif. Swiss, calm. */
  --font-display: var(--ormus-font-sans);
  --font-body:    var(--ormus-font-sans);
}

/* Display headings: tighten weight, lose the loud serif feel */
.module-title { font-weight: 600; letter-spacing: -0.02em; }
.screen-heading { font-weight: 600; letter-spacing: -0.01em; }
.module-number { color: var(--color-accent); opacity: 0.9; }

/* Minimalism: drop emoji decorations, carry meaning with a gold accent instead */
.callout-icon, .pattern-icon { display: none !important; }

.callout {
  border-left: 2px solid var(--color-accent);
  background: var(--color-surface);
  border-radius: 6px;
}
.callout-accent { border-left-color: var(--gold); }
.callout-info   { border-left-color: var(--copper); }

.pattern-card,
.step-card {
  background: var(--color-surface);
  border: 1px solid var(--color-border);
  border-radius: 8px;
}
.pattern-card { border-top: 2px solid var(--color-accent); }
.step-num { background: var(--color-accent-light); color: var(--color-accent); }

/* Code surfaces need a hairline on dark so they read as panels */
.translation-code pre,
pre, code[class] { border: 1px solid var(--color-border); }

/* Quiz + chat panels onto dark surfaces */
.quiz-question-block,
.chat-window { background: var(--color-surface); border: 1px solid var(--color-border); }
.quiz-option { background: var(--color-bg-warm); border-color: var(--color-border); }
.quiz-option:hover { border-color: var(--color-accent); }

/* Nav: minimal dark chrome */
.nav { background: rgba(11,11,13,0.85); backdrop-filter: blur(8px); border-bottom: 1px solid var(--color-border); }
.nav-title { color: var(--color-text-secondary); font-weight: 500; }
.nav-dot { background: var(--color-border); }
.nav-dot.active, .nav-dot[aria-selected="true"] { background: var(--color-accent); }
.progress-bar { background: var(--color-accent); }