/* Karrada 52 — base layer: element defaults, scrollbars, keyframes.
   Colours come from tokens.css; nothing here hard-codes one. */

*{box-sizing:border-box}
  body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--body);
    font-size:14px;line-height:1.5;-webkit-text-size-adjust:100%;
    font-feature-settings:"ss01";text-rendering:optimizeLegibility}
  h1,h2,h3,h4{margin:0;font-family:var(--display);font-weight:800;letter-spacing:-0.01em}
  a{color:var(--accent)}
  a:hover{color:var(--accent-2)}
  button{font-family:inherit;color:inherit;cursor:pointer}
  input,textarea,select{font-family:inherit;color:var(--ink);background:transparent}
  input::placeholder,textarea::placeholder{color:var(--ink-4)}
  input:focus,textarea:focus,select:focus,button:focus{outline:none}
  input:focus-visible,textarea:focus-visible,select:focus-visible,button:focus-visible{
    outline:2px solid var(--accent);outline-offset:1px}
  table{border-collapse:collapse;border-spacing:0}
  ::-webkit-scrollbar{width:11px;height:11px}
  ::-webkit-scrollbar-track{background:transparent}
  ::-webkit-scrollbar-thumb{background:var(--rule-2);border:3px solid var(--bg);border-radius:99px}
  @keyframes rise{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
  @keyframes toastIn{from{opacity:0;transform:translateY(14px) scale(.97)}to{opacity:1;transform:none}}
  @keyframes veil{from{opacity:0}to{opacity:1}}