/* italiano.bootlab.eu - bazowe style. Wszystko reaguje na atrybut data-theme i data-palette na . */ :root { --font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; --font-mono: "SF Mono", Menlo, Consolas, monospace; --radius-sm: 4px; --radius-md: 8px; --radius-lg: 12px; --semantic-known: #1d7a4e; --semantic-known-bg: #1d7a4e; --semantic-known-text: #faf6ed; --semantic-repeat: #a32d2d; --semantic-repeat-bg: #a32d2d; --semantic-repeat-text: #faf6ed; } * { margin: 0; padding: 0; box-sizing: border-box; } html, body { height: 100%; width: 100%; overflow: hidden; font-family: var(--font-sans); background: var(--bg); color: var(--text); transition: background 0.3s, color 0.3s; -webkit-font-smoothing: antialiased; } body { overflow-y: auto; } button { font-family: inherit; cursor: pointer; border: none; background: transparent; color: inherit; } input { font-family: inherit; background: transparent; color: inherit; border: none; outline: none; } a { color: inherit; text-decoration: none; } :focus-visible { outline: 3px solid var(--text); outline-offset: 2px; } .btn { padding: 10px 20px; border-radius: var(--radius-md); font-size: 14px; font-weight: 500; transition: opacity 0.15s; border: 0.5px solid var(--text-muted); color: var(--text); } .btn:hover { opacity: 0.85; } .btn-primary { background: var(--accent); color: var(--accent-text); border-color: var(--accent); } .btn-known { background: var(--semantic-known-bg); color: var(--semantic-known-text); border-color: var(--semantic-known); } .btn-repeat { background: var(--semantic-repeat-bg); color: var(--semantic-repeat-text); border-color: var(--semantic-repeat); } .icon-btn { width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; border-radius: var(--radius-md); color: var(--text-muted); } .icon-btn:hover { background: var(--surface); color: var(--text); } .toast-container { position: fixed; top: 20px; right: 20px; display: flex; flex-direction: column; gap: 10px; z-index: 1000; max-width: 380px; } .toast { background: var(--surface); color: var(--text); padding: 12px 16px; border-radius: var(--radius-md); border-left: 4px solid var(--accent); font-size: 14px; animation: toast-in 0.2s ease-out; } .toast.success { border-left-color: var(--semantic-known); } .toast.error { border-left-color: var(--semantic-repeat); } .toast.warning { border-left-color: #d4a04a; } @keyframes toast-in { from { transform: translateX(20px); opacity: 0; } to { transform: translateX(0); opacity: 1; } } .center-screen { display: flex; flex-direction: column; align-items: center; justify-content: center; min-height: 100vh; padding: 2rem; } .muted { color: var(--text-muted); } .tiny { font-size: 11px; letter-spacing: 0.1em; text-transform: uppercase; } .hidden { display: none !important; }