/* Linux Estudo: acento laranja (do protótipo) sobre o design system Modernist + utilitários das telas */
:root {
  --color-accent: #f26a12;
  --color-accent-100: #fff3eb;
  --color-accent-200: #ffe2cf;
  --color-accent-300: #ffc8a3;
  --color-accent-400: #ff9f5f;
  --color-accent-500: #f8781f;
  --color-accent-600: #d95a05;
  --color-accent-700: #a84200;
  --color-accent-800: #773006;
  --color-accent-900: #4a200b;
}
body { margin: 0; background: var(--color-bg); color: var(--color-text); font-family: var(--font-body); }
a { color: var(--color-accent-700); }
button { font-family: inherit; }
@keyframes fadeUp { from { opacity: 0; transform: translateY(14px); } to { opacity: 1; transform: none; } }
@keyframes pop { 0% { transform: scale(.6); opacity: 0; } 70% { transform: scale(1.08); } 100% { transform: scale(1); opacity: 1; } }
.btn:focus-visible, button:focus-visible, input:focus-visible, select:focus-visible { outline: 2px solid var(--color-accent); outline-offset: 2px; }
.hover-acc:hover { background: var(--color-accent-100) !important; color: var(--color-text) !important; }
button:disabled { opacity: .45; cursor: not-allowed !important; }
#toast { pointer-events: none; position: fixed; left: 50%; bottom: 28px; transform: translateX(-50%); z-index: 90; background: var(--color-text); color: var(--color-bg); padding: 14px 22px; font-weight: 800; font-size: 17px; border-left: 8px solid var(--color-accent); animation: pop .4s ease both; max-width: calc(100vw - 32px); }
.nav-scroll { scrollbar-width: none; }
.nav-scroll::-webkit-scrollbar { display: none; }
.text-muted { color: var(--color-neutral-700); }
/* páginas de estudo (markdown) */
.md { font-size: 17px; line-height: 1.6; max-width: 72ch; }
.md h2 { font-size: 26px; margin: 32px 0 8px; border-bottom: 2px solid var(--color-text); padding-bottom: 6px; letter-spacing: -.01em; }
.md h3 { font-size: 20px; margin: 24px 0 6px; }
.md h4, .md h5 { font-size: 17px; margin: 18px 0 4px; }
.md p { margin: 10px 0; }
.md ul, .md ol { margin: 10px 0; padding-left: 24px; }
.md li { margin: 4px 0; }
.md code { font-family: ui-monospace, 'SFMono-Regular', Menlo, Consolas, monospace; font-size: .9em; background: var(--color-surface); padding: 1px 6px; }
.md pre { background: var(--color-neutral-900); color: var(--color-neutral-100); padding: 16px; overflow-x: auto; margin: 14px 0; font-size: 14px; line-height: 1.5; border-left: 6px solid var(--color-accent); }
.md pre code { background: transparent; padding: 0; color: inherit; }
.md blockquote { margin: 14px 0; padding: 10px 16px; border-left: 6px solid var(--color-accent); background: var(--color-surface); }
.md hr { border: 0; border-top: 2px solid var(--color-divider); margin: 24px 0; }
.md-table { overflow-x: auto; margin: 14px 0; }
.md-table table { border-collapse: collapse; min-width: 60%; font-size: 15px; }
.md-table th, .md-table td { border: 1px solid var(--color-divider); padding: 8px 12px; text-align: left; vertical-align: top; }
.md-table th { background: var(--color-surface); }
@media (prefers-reduced-motion: reduce) { * { animation: none !important; transition: none !important; } }